From 4f3c9abe62cb67285cb6fc750074abd95cf5574c Mon Sep 17 00:00:00 2001
From: Quentin BEY <quentin.bey@mail.numerique.gouv.fr>
Date: Wed, 14 May 2025 16:29:41 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(front)=20improve=20domain=20"retur?=
 =?UTF-8?q?n"=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The button to return to domain list was reloading the whole page which
was quite long (and somehow failing on staging).
---
 .../mail-domains/domains/__tests__/MailDomainView.test.tsx   | 5 +++++
 .../mail-domains/domains/components/MailDomainView.tsx       | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/frontend/apps/desk/src/features/mail-domains/domains/__tests__/MailDomainView.test.tsx b/src/frontend/apps/desk/src/features/mail-domains/domains/__tests__/MailDomainView.test.tsx
index 08e1f3d..993e68c 100644
--- a/src/frontend/apps/desk/src/features/mail-domains/domains/__tests__/MailDomainView.test.tsx
+++ b/src/frontend/apps/desk/src/features/mail-domains/domains/__tests__/MailDomainView.test.tsx
@@ -57,6 +57,11 @@ jest.mock('@openfun/cunningham-react', () => ({
   }),
 }));
 
+jest.mock('next/navigation', () => ({
+  ...jest.requireActual('next/navigation'),
+  useRouter: () => jest.fn(),
+}));
+
 describe('<MailDomainView />', () => {
   const apiUrl = `end:/mail-domains/${mockMailDomain.slug}/fetch/`;
 
diff --git a/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx b/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx
index be49ca7..5fc201a 100644
--- a/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx
+++ b/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx
@@ -1,4 +1,5 @@
 import { Button } from '@openfun/cunningham-react';
+import { useRouter } from 'next/navigation';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -26,6 +27,7 @@ export const MailDomainView = ({
 }: Props) => {
   const { t } = useTranslation();
   const { colorsTokens } = useCunninghamTheme();
+  const router = useRouter();
   const [showModal, setShowModal] = React.useState(false);
 
   const handleShowModal = () => {
@@ -53,7 +55,7 @@ export const MailDomainView = ({
         >
           <Box $direction="row" $align="center" $gap="8px">
             <Button
-              href="/mail-domains"
+              onClick={() => router.push('/mail-domains/')}
               icon={<span className="material-icons">arrow_back</span>}
               iconPosition="left"
               color="secondary"