update

src/Components/CutomBreadcrumb.jsx

@@ -9,6 +9,7 @@ import {
 } from "@chakra-ui/react";
 import { Link, useLocation } from "react-router-dom";
 import { nav } from "../Routes/Nav";
+import { MinusIcon } from "@chakra-ui/icons";
 
 const CustomBreadcrumb = () => {
   const { pathname } = useLocation();
@@ -60,7 +61,8 @@ const CustomBreadcrumb = () => {
       display={"flex"}
       alignItems={"center"}
       p={1}
-      mt={2}
+      mt={1}
+      borderBottom={"1px dashed #DEE2E6"}
     >
       <Button
         cursor={"pointer"}
@@ -78,8 +80,9 @@ const CustomBreadcrumb = () => {
       {breadcrumbs.map((item, index) => (
         <React.Fragment key={index}>
           
-          <Text size={"xs"} ps={1} pe={1} as={"span"}>
-            /
+          <Text size={"md"}  as={"span"}>
+          {/* <MinusIcon fontStyle={4} color={"#1A202C"}/> */}
+          -
           </Text>
           <Link to={item.path}>
           <Button

src/Components/FormInputMain.jsx

@@ -103,7 +103,7 @@ const FormInputMain = ({
             width={w ? w : "44.5%"}
             rounded={"sm"}
             type="submit"
-            colorScheme="green"
+                colorScheme={"forestGreen"}
           >
             {submitTitle ? submitTitle : "Submit"}
           </Button>

src/Components/NavBreadCrumbs.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom"; // Adjust this based on your routing setup
 import CustomBreadcrumb from "./CutomBreadcrumb";
+import { MinusIcon } from "@chakra-ui/icons";
 
 const NavBreadcrumbs = ({ nav }) => {
   // Function to recursively flatten submenu items and add parent titles
@@ -10,18 +11,18 @@ const NavBreadcrumbs = ({ nav }) => {
       if (item.submenu) {
         // Add parent title if present
         breadcrumbs.push({
-          label: parentTitle ? `${parentTitle} / ${item.title}` : item.title,
+          label: parentTitle ? `${parentTitle} ${<MinusIcon/>} ${item.title}` : item.title,
           link: null, // Adjust link as per your routing setup
         });
         // Recursively flatten submenu items
         breadcrumbs = [
           ...breadcrumbs,
-          ...flattenNav(item.submenu, `${parentTitle} / ${item.title}`),
+          ...flattenNav(item.submenu, `${parentTitle} ${<MinusIcon/>} ${item.title}`),
         ];
       } else {
         // If no submenu, add current item as breadcrumb
         breadcrumbs.push({
-          label: parentTitle ? `${parentTitle} / ${item.title}` : item.title,
+          label: parentTitle ? `${parentTitle} ${<MinusIcon/>} ${item.title}` : item.title,
           link: item.path, // Adjust link as per your routing setup
         });
       }

src/Layout/DefaultLayout.jsx

@@ -50,6 +50,7 @@ import {
   Alert,
   AlertIcon,
   Breadcrumb,
+  Divider,
 } from "@chakra-ui/react";
 import GlobalStateContext from "../Contexts/GlobalStateContext";
 import Cookies from "js-cookie"; // Import the Cookies library

src/Pages/Master/Sponser/AddSponser.jsx

@@ -46,20 +46,13 @@ const AddSponser = () => {
 
   const [otherImageData, setOtherImageData] = useState(null);
   const [selectedOtherImageData, setSelectedOtherImageData] = useState(null);
-
   const { sponser, setSponser } = useContext(GlobalStateContext);
-
   const [createSponser] = useCreateSponserMutation();
-
   const [updateSponser] = useUpdateSponserMutation();
-  console.log(params?.id);
   const { data, error, isLoading } = useGetSponserByIdQuery(params?.id);
-  console.log(data?.data);
- 
 
   const {
     control,
-
     handleSubmit,
     formState: { errors },
     reset,

src/Pages/Master/Sponser/Sponsers.jsx

@@ -325,11 +325,12 @@ const Sponser = () => {
             <Link to={"/sponser/add-sponser"}>
               <Button
                 leftIcon={<AddIcon />}
-                colorScheme={"green"}
+                colorScheme={"forestGreen"}
                 rounded={"sm"}
                 size={"sm"}
+                fontSize={'xs'}
               >
-                Add
+                Add Sposnsor
               </Button>
             </Link>
           </HStack>

src/Routes/Nav.js

@@ -34,7 +34,7 @@ export const nav = [
     title: "Master",
     submenu: [
       {
-        title: "Sponser Master",
+        title: "Sponsor Master",
         path: "/sponser",
         icon: RiMoneyDollarBoxLine,
       },