feat: disable help button in visualize mode (#350)

* feat: disable help button in collect mode

* chore: remove log

* chore: redo test

* bump: 2.8.1.rc-help-button

* bump: 2.8.1.rc-help-button.0

* bump: 2.8.1-rc-help-button.0

---------

Co-authored-by: Quentin Ruhier <quentin.ruhier@insee.fr>

Author: MailineN

.env

@@ -42,4 +42,4 @@ VITE_MULTIMODE_ENABLED=0
 VITE_AUTOSAVE_INTERVAL=
 
 # trust uri domains separated by comma ","
-VITE_TRUST_URI_DOMAINS=localhost
+VITE_TRUST_URI_DOMAINS=localhost

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- Disable assistance button when not in collect mode or when assistance url is not provided.
+
 ## [2.8.0](https://github.com/InseeFr/stromae-dsfr/releases/tag/2.8.0) - 2026-05-20
 
 ### Changed

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stromae-dsfr",
   "private": true,
-  "version": "2.8.0",
+  "version": "2.8.1-rc-help-button.0",
   "type": "module",
   "scripts": {
     "prepare": "husky && vite-envs update-types",

src/components/layout/Header.test.tsx

@@ -263,4 +263,43 @@ describe('Header & Footer', () => {
       expect(getByText('My Test Label')).toBeInTheDocument()
     })
   })
+
+  it('should disable help button when not in collect mode', async () => {
+    vi.mocked(useMode).mockReturnValueOnce(MODE_TYPE.VISUALIZE)
+
+    const { getAllByText } = renderWithRouter(
+      <TelemetryContext.Provider
+        value={{
+          isTelemetryEnabled: true,
+          pushEvent: vi.fn(),
+          setDefaultValues: () => {},
+        }}
+      >
+        <Header />
+      </TelemetryContext.Provider>,
+    )
+
+    const helpButton = getAllByText('Need help?')[0]
+    expect(helpButton).toHaveAttribute('disabled')
+  })
+
+  it('should disable help button when assistance url is not provided', async () => {
+    vi.stubEnv('VITE_PORTAIL_URL', '')
+
+    vi.mocked(useMode).mockReturnValueOnce(MODE_TYPE.COLLECT)
+    const { getAllByText } = renderWithRouter(
+      <TelemetryContext.Provider
+        value={{
+          isTelemetryEnabled: true,
+          pushEvent: vi.fn(),
+          setDefaultValues: () => {},
+        }}
+      >
+        <Header />
+      </TelemetryContext.Provider>,
+    )
+
+    const helpButton = getAllByText('Need help?')[0]
+    expect(helpButton).toHaveAttribute('disabled')
+  })
 })

src/components/layout/Header.tsx

@@ -96,7 +96,7 @@ export function Header() {
             iconId: 'fr-icon-customer-service-fill',
             linkProps: {
               href: collectPath ? assistanceHref : '',
-              disabled: isCollectRoute,
+              disabled: !isCollectRoute || assistanceHref === '',
               onClick:
                 isCollectRoute && isTelemetryEnabled
                   ? () => {