Update Schema User gender

Took 15 minutes

prisma/schema.prisma

@@ -19,7 +19,7 @@ model User {
   location  String?
   images    String[]
   birthdate DateTime?
-  sex       Sex?
+  gender    Gender    @default(UNKNOWN)
   role      Role      @default(USER)
   createdAt DateTime  @default(now())
 
@@ -75,9 +75,11 @@ model Message {
   Chat   Chat?   @relation(fields: [ChatID], references: [id])
 }
 
-enum Sex {
+enum Gender {
   MALE
   FEMALE
+  OTHER
+  UNKNOWN
 }
 
 enum Role {

src/components/Carousel.tsx

@@ -3,32 +3,32 @@ import {Flex, IconButton} from '@chakra-ui/react';
 import { BiLeftArrowAlt, BiRightArrowAlt } from "react-icons/bi";
 
 interface Props {
-  images: string[];
+  images: string[]
+  borderRadius?: string | number;
 }
 
-const Carousel = ({images}: Props) => {
+const Carousel = ({images, borderRadius: bRadius}: Props) => {
   const [currentIndex, setCurrentIndex] = useState(0);
 
   const handleClickPrevious = () => {
     setCurrentIndex(
         (currentIndex === 0)
-            ? images.length - 1
-            : currentIndex - 1,
+            ? images.length - 1 : currentIndex - 1,
     );
   };
 
   const handleClickNext = () => {
     setCurrentIndex(
         (currentIndex === images.length - 1)
-            ? 0
-            : currentIndex + 1,
+            ? 0 : currentIndex + 1,
     );
   };
 
   return (
-      <Flex px={2} align="center" justify={'space-between'}
+      <Flex px={2} align="center" borderRadius={bRadius} overflow={"hidden"} justify={'space-between'}
             bgImage={images[currentIndex]} bgSize={'cover'} width={'100%'}
             height={500}>
+
         <IconButton aria-label="left-arrow" colorScheme="purple"
                     borderRadius="full" onClick={handleClickPrevious}>
           <BiLeftArrowAlt/>
@@ -38,6 +38,7 @@ const Carousel = ({images}: Props) => {
                     borderRadius="full" onClick={handleClickNext}>
           <BiRightArrowAlt/>
         </IconButton>
+
       </Flex>
   );
 };

src/components/layout/dashboard/card_user/CardUser.jsx

@@ -5,7 +5,7 @@ import {
   CardBody,
   IconButton,
   Heading,
-  Box
+  Box, CardHeader,
 } from '@chakra-ui/react';
 import Carousel from '../../../Carousel';
 import {BiHeart} from 'react-icons/bi';
@@ -27,7 +27,9 @@ export default function CardUser(props) {
 
   return (
     <Card maxW="md" borderRadius={'1rem'} overflow={'hidden'}>
-      <Carousel images={interestingUser.images}/>
+      <CardHeader>
+        <Carousel borderRadius={"1rem"} images={interestingUser.images}/>
+      </CardHeader>
 
       <CardBody>
         <Flex justify={'space-between'} mb={'20px'}>