diff --git a/frontend/src/components/AboutUs/AddAboutUs.tsx b/frontend/src/components/AboutUs/AddAboutUs.tsx index 199bc48..700bb19 100644 --- a/frontend/src/components/AboutUs/AddAboutUs.tsx +++ b/frontend/src/components/AboutUs/AddAboutUs.tsx @@ -1,4 +1,4 @@ -import { useState } from 'react'; +import { useState } from 'react'; import { Button, FormControl, @@ -16,6 +16,7 @@ import { NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper, + Input, } from "@chakra-ui/react" import { useMutation, useQueryClient } from "@tanstack/react-query" @@ -82,6 +83,7 @@ const AddAboutUs = ({ isOpen, onClose }: AddAboutUsProps) => { criteriaMode: "all", defaultValues: { index: 0, + title: "", description: "", image: undefined, }, @@ -131,7 +133,7 @@ const AddAboutUs = ({ isOpen, onClose }: AddAboutUsProps) => { } mutation.mutate(data) console.log(data) - + } @@ -149,6 +151,20 @@ const AddAboutUs = ({ isOpen, onClose }: AddAboutUsProps) => { + + Title + + {errors.title && ( + {errors.title.message} + )} + { - + {errors.index && ( {errors.index.message} )} @@ -192,7 +208,7 @@ const AddAboutUs = ({ isOpen, onClose }: AddAboutUsProps) => { {'Image Upload'} - +