Added useful links in ProviderEServiceTechnicalInfoDrawer

pagopa · Oct 23, 2023 · 5f0234c · 5f0234c
1 parent 7dab94e
commit 5f0234c
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/...age/components/ProviderEServiceGeneralInfoSection/ProviderEServiceTechnicalInfoDrawer.tsx b/...age/components/ProviderEServiceGeneralInfoSection/ProviderEServiceTechnicalInfoDrawer.tsx
@@ -4,6 +4,13 @@ import { Drawer } from '@/components/shared/Drawer'
 import { Stack } from '@mui/material'
 import { InformationContainer } from '@pagopa/interop-fe-commons'
 import { useTranslation } from 'react-i18next'
+import { IconLink } from '@/components/shared/IconLink'
+import {
+  implementAndManageEServiceGuideLink,
+  voucherVerificationGuideLink,
+} from '@/config/constants'
+import { WELL_KNOWN_URLS } from '@/config/env'
+import LaunchIcon from '@mui/icons-material/Launch'
 
 type ProviderEServiceTechnicalInfoDrawerProps = {
   isOpen: boolean
@@ -57,6 +64,36 @@ export const ProviderEServiceTechnicalInfoDrawer: React.FC<
           content={t(`mode.value.${descriptor.eservice.mode}`)}
           direction="column"
         />
+
+        <InformationContainer
+          label={t('usefulLinks.title')}
+          content={
+            <Stack alignItems="start" mt={1} spacing={0.5}>
+              <IconLink
+                href={implementAndManageEServiceGuideLink}
+                target="_blank"
+                startIcon={<LaunchIcon fontSize="small" />}
+              >
+                {t('usefulLinks.implementAndManageEService')}
+              </IconLink>
+              <IconLink
+                href={voucherVerificationGuideLink}
+                target="_blank"
+                startIcon={<LaunchIcon fontSize="small" />}
+              >
+                {t('usefulLinks.verifyVoucher')}
+              </IconLink>
+              <IconLink
+                href={WELL_KNOWN_URLS[0]}
+                target="_blank"
+                startIcon={<LaunchIcon fontSize="small" />}
+              >
+                {t('usefulLinks.wellKnown')}
+              </IconLink>
+            </Stack>
+          }
+          direction="column"
+        />
       </Stack>
     </Drawer>
   )