feat: Change help link according to context data

cozy · Sep 24, 2024 · 46cd2eb · 46cd2eb
1 parent 44eacc8
commit 46cd2eb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/components/HeroHeader/Corner.spec.jsx b/src/components/HeroHeader/Corner.spec.jsx
@@ -17,6 +17,12 @@ jest.mock(
 jest.mock('cozy-flags', () => {
   return jest.fn().mockReturnValue(null)
 })
+jest.mock('cozy-client', () => ({
+  ...jest.requireActual('cozy-client'),
+  useInstanceInfo: jest
+    .fn()
+    .mockReturnValue({ isLoaded: true, context: { data: {} } })
+}))
 
 describe('Corner', () => {
   it('should only render the log out button', () => {

diff --git a/src/components/HeroHeader/HelpButton.tsx b/src/components/HeroHeader/HelpButton.tsx
@@ -1,16 +1,23 @@
 import React from 'react'
 
 import HelpIcon from 'cozy-ui/transpiled/react/Icons/Help'
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n"
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useInstanceInfo } from 'cozy-client'
 
 import CornerButton from './CornerButton'
 
-const HelpButton = (): JSX.Element => {
+const HelpButton = (): JSX.Element | null => {
   const { t } = useI18n()
 
+  const { isLoaded, context } = useInstanceInfo()
+
+  if (!isLoaded) return null
+
+  const link = context.data?.help_link || t('help_link')
+
   return (
     <CornerButton
-      href={t('help_link')}
+      href={link}
       icon={HelpIcon}
       label={t('help')}
       rel="noopener noreferrer"