From 1d481c24dd08ce139367d6387e4ea053a5d2f8a3 Mon Sep 17 00:00:00 2001
From: Laurian-Dufrechou <lauriandugers@hotmail.fr>
Date: Mon, 3 Apr 2023 23:58:40 +0200
Subject: [PATCH] style(Switched Badge with Tag): Switch badge with Tag,
 prettier

---
 ...421d8378e4fd27374c7f334_1680519705034.webp | Bin 10706 -> 0 bytes
 .../layout/dashboard/card_user/CardUser.jsx   |  67 +++++++++++-------
 .../dashboard/card_user/PassionBadgeList.tsx  |  19 -----
 .../dashboard/card_user/PassionTagList.tsx    |  22 ++++++
 .../layout/user_profile/CustomCheckbox.jsx    |   6 +-
 5 files changed, 63 insertions(+), 51 deletions(-)
 delete mode 100644 public/ImageUsers/6421d8378e4fd27374c7f334_1680519705034.webp
 delete mode 100644 src/components/layout/dashboard/card_user/PassionBadgeList.tsx
 create mode 100644 src/components/layout/dashboard/card_user/PassionTagList.tsx

diff --git a/public/ImageUsers/6421d8378e4fd27374c7f334_1680519705034.webp b/public/ImageUsers/6421d8378e4fd27374c7f334_1680519705034.webp
deleted file mode 100644
index 5d89d78ab3d040c5d511a7f971b6a48af07e9173..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10706
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

diff --git a/src/components/layout/dashboard/card_user/CardUser.jsx b/src/components/layout/dashboard/card_user/CardUser.jsx
index 4f43063..104e385 100644
--- a/src/components/layout/dashboard/card_user/CardUser.jsx
+++ b/src/components/layout/dashboard/card_user/CardUser.jsx
@@ -5,57 +5,70 @@ import {
   CardBody,
   IconButton,
   Heading,
-  Box, CardHeader,
-} from '@chakra-ui/react';
-import Carousel from '../../../Carousel';
-import {BiHeart} from 'react-icons/bi';
-import {RxCross1} from 'react-icons/rx';
-import PassionBadgeList
-  from '@/components/layout/dashboard/card_user/PassionBadgeList';
+  Box,
+  CardHeader,
+} from "@chakra-ui/react";
+import Carousel from "../../../Carousel";
+import { BiHeart } from "react-icons/bi";
+import { RxCross1 } from "react-icons/rx";
+import PassionTagList from "@/components/layout/dashboard/card_user/PassionTagList";
 
 export default function CardUser(props) {
-  const {user} = props;
+  const { user } = props;
 
   const interestingUser = {
-    lastName: 'dujardin',
-    firstName: 'jean',
+    lastName: "dujardin",
+    firstName: "jean",
     age: 19,
-    aPropos: 'Je suis une personne fictive, pas tres fictive',
-    images: ['/401446.webp', '/135538.webp'],
-    passions: ['Sport', 'Piscine', 'Formule1'],
+    aPropos: "Je suis une personne fictive, pas tres fictive",
+    images: ["/401446.webp", "/135538.webp"],
+    passions: ["Sport", "Piscine", "Formule1"],
   };
 
   return (
-    <Card w={"100%"} h={"100%"} borderRadius={'1rem'} overflow={'hidden'}>
+    <Card w={"100%"} h={"100%"} borderRadius={"1rem"} overflow={"hidden"}>
       <CardHeader>
-        <Carousel borderRadius={"1rem"} images={interestingUser.images}/>
+        <Carousel borderRadius={"1rem"} images={interestingUser.images} />
       </CardHeader>
 
       <CardBody>
-        <Flex justify={'space-between'} mb={'20px'}>
-          <Heading fontSize={'1.5rem'} fontWeight={'bold'} flexBasis={'70%'}>
-            {interestingUser.firstName} {interestingUser.lastName}, {interestingUser.age}ans
+        <Flex justify={"space-between"} mb={"20px"}>
+          <Heading fontSize={"1.5rem"} fontWeight={"bold"} flexBasis={"70%"}>
+            {interestingUser.firstName} {interestingUser.lastName},{" "}
+            {interestingUser.age}ans
           </Heading>
 
           <Flex gap={1}>
-            <IconButton borderRadius={'1rem'} colorScheme={'purple'}><BiHeart/></IconButton>
-            <IconButton borderRadius={'1rem'} colorScheme={'purple'}
-                        variant={'outline'}><RxCross1/></IconButton>
+            <IconButton borderRadius={"1rem"} colorScheme={"purple"}>
+              <BiHeart />
+            </IconButton>
+            <IconButton
+              borderRadius={"1rem"}
+              colorScheme={"purple"}
+              variant={"outline"}
+            >
+              <RxCross1 />
+            </IconButton>
           </Flex>
         </Flex>
 
-        <Box mb={'20px'}>
-          <Heading size={'sm'} fontWeight={'bold'}>A propos :</Heading>
+        <Box mb={"20px"}>
+          <Heading size={"sm"} fontWeight={"bold"}>
+            A propos :
+          </Heading>
           <Text>{interestingUser.aPropos}</Text>
         </Box>
 
         <Box>
-          <Heading size={'sm'} fontWeight={'bold'}>Passions :</Heading>
-          <PassionBadgeList passions={interestingUser.passions}
-                            userPassions={user.passions}/>
+          <Heading size={"sm"} fontWeight={"bold"}>
+            Passions :
+          </Heading>
+          <PassionTagList
+            passions={interestingUser.passions}
+            userPassions={user.passions}
+          />
         </Box>
       </CardBody>
     </Card>
   );
-
 }
diff --git a/src/components/layout/dashboard/card_user/PassionBadgeList.tsx b/src/components/layout/dashboard/card_user/PassionBadgeList.tsx
deleted file mode 100644
index 8c2e149..0000000
--- a/src/components/layout/dashboard/card_user/PassionBadgeList.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Badge, Flex} from '@chakra-ui/react';
-
-type Props = {
-  passions: string[],
-  userPassions?: string[]
-}
-
-export default function PassionBadgeList({passions, userPassions = []}: Props) {
-  return (
-      <Flex gap={'0.5rem'} mt={'1vh'}>
-        {passions.map((passion, index) =>
-            <Badge key={index} colorScheme={
-              userPassions.includes(passion) ? 'purple' : 'ghost'
-            }
-            >#{passion}</Badge>,
-        )}
-      </Flex>
-  );
-}
\ No newline at end of file
diff --git a/src/components/layout/dashboard/card_user/PassionTagList.tsx b/src/components/layout/dashboard/card_user/PassionTagList.tsx
new file mode 100644
index 0000000..93c7d94
--- /dev/null
+++ b/src/components/layout/dashboard/card_user/PassionTagList.tsx
@@ -0,0 +1,22 @@
+import { Badge, Flex, Tag } from "@chakra-ui/react";
+
+type Props = {
+  passions: string[];
+  userPassions?: string[];
+};
+
+export default function PassionTagList({ passions, userPassions = [] }: Props) {
+  return (
+    <Flex gap={"0.5rem"} mt={"1vh"}>
+      {passions.map((passion, index) => (
+        <Tag
+          key={index}
+          variant={userPassions.includes(passion) ? "subtle" : "outline"}
+          colorScheme={"purple"}
+        >
+          {passion}
+        </Tag>
+      ))}
+    </Flex>
+  );
+}
diff --git a/src/components/layout/user_profile/CustomCheckbox.jsx b/src/components/layout/user_profile/CustomCheckbox.jsx
index 0717359..780ee58 100644
--- a/src/components/layout/user_profile/CustomCheckbox.jsx
+++ b/src/components/layout/user_profile/CustomCheckbox.jsx
@@ -1,10 +1,6 @@
 import {
-  Badge,
   useCheckbox,
-  Text,
-  Flex,
   chakra,
-  Box,
   Tag,
   TagLeftIcon,
   TagLabel,
@@ -13,7 +9,7 @@ import {
 import { IoAdd, IoRemove } from "react-icons/io5";
 
 export default function CustomCheckbox(props) {
-  const { text, checked, value } = props;
+  const { text } = props;
   const { state, getInputProps, getCheckboxProps, getLabelProps, htmlProps } =
     useCheckbox(props);