chore: added avatar basepath to env, changed header avatar source (PIN-8820)

Author: l-giacomini

public/env.js

@@ -22,4 +22,5 @@ window.pagopa_env = {
   FEATURE_FLAG_NOTIFICATION_CONFIG: 'true',
   FEATURE_FLAG_ESERVICE_PERSONAL_DATA: 'true',
   FEATURE_FLAG_USE_SIGNED_DOCUMENT: 'true',
+  AVATAR_BASEPATH: 'http://selc-u-checkout-cdn-endpoint.azureedge.net'
 }

setupTests.ts

@@ -27,6 +27,7 @@ export const testConfigs = {
   FEATURE_FLAG_NOTIFICATION_CONFIG: 'true',
   FEATURE_FLAG_ESERVICE_PERSONAL_DATA: 'true',
   FEATURE_FLAG_USE_SIGNED_DOCUMENT: 'true',
+  AVATAR_BASEPATH: 'http://selc-u-checkout-cdn-endpoint.azureedge.net',
 }
 
 // runs a cleanup after each test case (e.g. clearing jsdom)

src/components/layout/Header.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { useNavigate } from '@/router'
 import { assistanceLink, documentationLink, pagoPaLink } from '@/config/constants'
 import { HeaderAccount, HeaderProduct, type ProductSwitchItem } from '@pagopa/mui-italia'
-import { FE_LOGIN_URL, SELFCARE_BASE_URL, STAGE } from '@/config/env'
+import { FE_LOGIN_URL, SELFCARE_BASE_URL, STAGE, AVATAR_BASEPATH } from '@/config/env'
 import type { PartySwitchItem } from '@pagopa/mui-italia/dist/components/PartySwitch'
 import { useTranslation } from 'react-i18next'
 import type { TFunction } from 'i18next'
@@ -26,6 +26,7 @@ export const getPartyList = (
   const generatePartyItem = (party: SelfcareInstitution) => ({
     id: party.id,
     name: party.description,
+    logoUrl: `${AVATAR_BASEPATH}/institutions/${party.id}/logo.png`,
     productRole: (party.userProductRoles as Array<UserProductRole>)
       .map((role) => t(`userProductRole.${role}`))
       .join(', '),

src/config/env.ts

@@ -18,6 +18,7 @@ const GeneralConfigs = z.object({
   ERROR_DATA_DURATION_TIME: z.string().default('60000'),
   DELEGATIONS_ALLOWED_ORIGINS: z.string(),
   NOTIFICATION_COUNT_REFRESH_INTERVAL: z.coerce.number().default(30000),
+  AVATAR_BASEPATH: z.url().default('http://selc-u-checkout-cdn-endpoint.azureedge.net'),
 })
 
 const FeatureFlagConfigs = z.object({
@@ -116,6 +117,7 @@ export const {
   FEATURE_FLAG_ESERVICE_PERSONAL_DATA,
   FEATURE_FLAG_USE_SIGNED_DOCUMENT,
   DELEGATIONS_ALLOWED_ORIGINS,
+  AVATAR_BASEPATH,
 } = parseConfigs()
 
 export const APP_MODE = parseAppMode()

src/types/common.types.ts

@@ -20,6 +20,7 @@ export type PagoPAEnvVars = {
   SIGNALHUB_PERSONAL_DATA_PROCESS_URL: string
   FEATURE_FLAG_ESERVICE_PERSONAL_DATA: string
   DELEGATIONS_ALLOWED_ORIGINS: string
+  AVATAR_BASEPATH: string
 }
 
 export type ExtendedWindow = Window & {