From 7464b9051e957dabca7ae4ff21e21029580f4b04 Mon Sep 17 00:00:00 2001
From: daproclaima <sebastien@devedanos.com>
Date: Tue, 10 Sep 2024 14:02:32 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(frontend)=20improve=20CardCr?=
 =?UTF-8?q?eateTeam=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- remove link wrapping cancel button and
tabIndex=-1 to button
---
 .../team-management/components/CardCreateTeam.tsx     | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/frontend/apps/desk/src/features/teams/team-management/components/CardCreateTeam.tsx b/src/frontend/apps/desk/src/features/teams/team-management/components/CardCreateTeam.tsx
index e8db9b538..378e5dc25 100644
--- a/src/frontend/apps/desk/src/features/teams/team-management/components/CardCreateTeam.tsx
+++ b/src/frontend/apps/desk/src/features/teams/team-management/components/CardCreateTeam.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import IconGroup from '@/assets/icons/icon-group2.svg';
-import { Box, Card, StyledLink, Text } from '@/components';
+import { Box, Card, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 
 import { useCreateTeam } from '../api';
@@ -56,11 +56,10 @@ export const CardCreateTeam = () => {
         />
       </Box>
       <Box $justify="space-between" $direction="row" $align="center">
-        <StyledLink href="/">
-          <Button color="secondary" tabIndex={-1}>
-            {t('Cancel')}
-          </Button>
-        </StyledLink>
+        <Button color="secondary" onClick={() => router.push('/')}>
+          {t('Cancel')}
+        </Button>
+
         <Button
           onClick={() => createTeam(teamName)}
           disabled={!teamName || isPending}