From 211c477a8abe499adc7b4410ad5d193b6711a1f7 Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Thu, 1 Aug 2024 09:10:10 +0000
Subject: [PATCH] fix(a11y): allow navigation on help link
---
src/components/Options/HelpLink/HelpLink.tsx | 3 +++
src/components/Options/__snapshots__/OptionsView.spec.tsx.snap | 1 +
2 files changed, 4 insertions(+)
diff --git a/src/components/Options/HelpLink/HelpLink.tsx b/src/components/Options/HelpLink/HelpLink.tsx
index 4702a64fa..864a1a7bb 100644
--- a/src/components/Options/HelpLink/HelpLink.tsx
+++ b/src/components/Options/HelpLink/HelpLink.tsx
@@ -3,6 +3,7 @@ import QuestionMarkIcon from 'assets/icons/ico/questionMark.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import { useI18n } from 'cozy-ui/transpiled/react/I18n'
import React from 'react'
+import { Link as RouterLink } from 'react-router-dom'
import { useAppDispatch } from 'store/hooks'
import { openFeedbackModal } from 'store/modal/modal.slice'
import './HelpLink.scss'
@@ -19,7 +20,9 @@ const HelpLink = () => {
</div>
<Link
className="help-card-link"
+ component={RouterLink}
onClick={() => dispatch(openFeedbackModal(true))}
+ to=""
>
<div className="card">
<div className="help-card">
diff --git a/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap b/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap
index a223c49d3..eae45e01e 100644
--- a/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap
+++ b/src/components/Options/__snapshots__/OptionsView.spec.tsx.snap
@@ -219,6 +219,7 @@ exports[`OptionsView component should be rendered correctly 1`] = `
</div>
<a
class="MuiTypography-root MuiLink-root MuiLink-underlineHover help-card-link MuiTypography-colorPrimary"
+ href="/"
>
<div
class="card"
--
GitLab