fix: remove card link on wallet page and put settings, informations a…

…nd help links
SocialGouv · Nov 21, 2024 · 0b26571 · 0b26571
1 parent 21e388f
commit 0b26571
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 23 deletions.
diff --git a/webapp/CHANGELOG.md b/webapp/CHANGELOG.md
@@ -1,9 +1,8 @@
 ## [0.70.14](https://github.com/SocialGouv/carte-jeune-engage/compare/v0.70.13...v0.70.14) (2024-11-20)
 
-
 ### Bug Fixes
 
-* remove hard coded cje from redirect to specific offer_id from user widget ([a81b7d8](https://github.com/SocialGouv/carte-jeune-engage/commit/a81b7d81c519e042208d9d7aea5c42a4a3ba532f))
+- remove hard coded cje from redirect to specific offer_id from user widget ([a81b7d8](https://github.com/SocialGouv/carte-jeune-engage/commit/a81b7d81c519e042208d9d7aea5c42a4a3ba532f))
 
 ## [0.70.13](https://github.com/SocialGouv/carte-jeune-engage/compare/v0.70.12...v0.70.13) (2024-11-20)
 

diff --git a/webapp/src/components/wrappers/WalletWrapper.tsx b/webapp/src/components/wrappers/WalletWrapper.tsx
@@ -1,33 +1,52 @@
-import { Box, Button, Flex, Heading } from "@chakra-ui/react";
+import { Box, Button, Flex, Heading, Icon, Link } from "@chakra-ui/react";
 import { ReactNode } from "react";
-import { PassIcon } from "../icons/pass";
-import { useRouter } from "next/router";
+import { HiCog6Tooth, HiQuestionMarkCircle, HiUser } from "react-icons/hi2";
+import NextLink from "next/link";
 
 type WalletWrapperProps = {
   children: ReactNode;
 };
 
 const WalletWrapper = ({ children }: WalletWrapperProps) => {
-  const router = useRouter();
-
   return (
     <Flex flexDir="column" pt={14} h="full" bgColor="bgGray">
-      <Button
-        colorScheme="whiteBtn"
-        color="black"
-        alignSelf="start"
-        leftIcon={<PassIcon w={6} h={6} />}
-        ml={8}
-        mb={4}
-        py={5}
-        px={3}
-        fontWeight={500}
-        borderRadius="2.5xl"
-        size="xs"
-        onClick={() => router.push("/dashboard/account")}
-      >
-        Ma carte
-      </Button>
+      <Flex alignItems="center" mx={8} mb={4} gap={3}>
+        <Link as={NextLink} href="/dashboard/account/information" passHref>
+          <Button
+            colorScheme="whiteBtn"
+            color="black"
+            leftIcon={<Icon as={HiUser} w={6} h={6} />}
+            iconSpacing={0}
+            py={5}
+            px={3}
+            fontWeight={500}
+            borderRadius="2.5xl"
+            size="xs"
+          />
+        </Link>
+        <Link as={NextLink} href="/dashboard/account/settings" passHref>
+          <Button
+            colorScheme="whiteBtn"
+            color="black"
+            leftIcon={<Icon as={HiCog6Tooth} w={6} h={6} />}
+            iconSpacing={0}
+            py={5}
+            px={3}
+            fontWeight={500}
+            borderRadius="2.5xl"
+            size="xs"
+          />
+        </Link>
+        <Link
+          as={NextLink}
+          href="/dashboard/account/help"
+          passHref
+          h={6}
+          ml="auto"
+        >
+          <Icon as={HiQuestionMarkCircle} w={6} h={6} />
+        </Link>
+      </Flex>
       <Flex
         flexDir="column"
         h="full"