diff --git a/src/Constants/Constaants.tsx b/src/Constants/Constaants.tsx new file mode 100644 index 0000000..842f931 --- /dev/null +++ b/src/Constants/Constaants.tsx @@ -0,0 +1,30 @@ +export const getTitle = (loactions:string) =>{ + + if (loactions==='/') { + return 'Dashboard' + }else if (loactions==='/register-user') { + return 'Manage User - Register User' + } else if (loactions==='/deactivate-accounts') { + return 'Manage User - Deactivated User' + } else if (loactions==='/manage-post') { + return 'Manage Post' + } else if (loactions==='/manage-sub-admin') { + return 'Manage Sub Admin' + } else if (loactions==='/manage-jobs') { + return 'Manage Jobs' + } else if (loactions==='/manage-contact-us') { + return 'Manage Contact Us' + } else if (loactions==='/manage-contact-us') { + return 'Manage Contact Us' + }else if (loactions==='/faq') { + return 'Manage CMS - FAQ' + }else if (loactions==='/about-us') { + return 'Manage CMS - About Us' + }else if (loactions==='/privacy-policy') { + return 'Manage CMS - Privacy Policy' + }else if (loactions==='/terms-and-condition') { + return 'Manage CMS - Tems And Condition' + }else if (loactions==='/profile') { + return 'My Profile' + } +} \ No newline at end of file diff --git a/src/Layouts/DefaultLayout.tsx b/src/Layouts/DefaultLayout.tsx index 97cac25..c6df190 100644 --- a/src/Layouts/DefaultLayout.tsx +++ b/src/Layouts/DefaultLayout.tsx @@ -6,10 +6,14 @@ import { nav } from "../Routes/Nav"; import logo from '../assets/logo.svg'; import { AccordionItem, AccordionItemContent, AccordionItemTrigger, AccordionRoot } from "../components/ui/accordion"; import { Avatar } from "../components/ui/avatar"; +import { getTitle } from "../Constants/Constaants"; const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => { const navigate = useNavigate() const location = useLocation() + const headerTitle = getTitle(location?.pathname) + + @@ -33,7 +37,9 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => { - + + {headerTitle} + navigate('/profile')} > @@ -42,6 +48,7 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => { ritesh.pandey@wdimails.com + {children} diff --git a/src/Pages/ManageCMS/AboutUs/AboutUs.tsx b/src/Pages/ManageCMS/AboutUs/AboutUs.tsx new file mode 100644 index 0000000..c16d6d9 --- /dev/null +++ b/src/Pages/ManageCMS/AboutUs/AboutUs.tsx @@ -0,0 +1,11 @@ +import MainFrame from '../../../components/MainFrame' + +const AboutUs = () => { + return ( + + + + ) +} + +export default AboutUs \ No newline at end of file diff --git a/src/Pages/ManageCMS/FAQ/FreqAskQuestion.tsx b/src/Pages/ManageCMS/FAQ/FreqAskQuestion.tsx new file mode 100644 index 0000000..f562825 --- /dev/null +++ b/src/Pages/ManageCMS/FAQ/FreqAskQuestion.tsx @@ -0,0 +1,12 @@ +import { Text } from '@chakra-ui/react' +import MainFrame from '../../../components/MainFrame' + +const FreqAskQuestion = () => { + return ( + + hello + + ) +} + +export default FreqAskQuestion \ No newline at end of file diff --git a/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx b/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx new file mode 100644 index 0000000..8a43a36 --- /dev/null +++ b/src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx @@ -0,0 +1,11 @@ +import MainFrame from '../../../components/MainFrame' + +const PrivacyPolicy = () => { + return ( + + + + ) +} + +export default PrivacyPolicy \ No newline at end of file diff --git a/src/Pages/ManageCMS/TermsAndCondition/TermsAndCondition.tsx b/src/Pages/ManageCMS/TermsAndCondition/TermsAndCondition.tsx new file mode 100644 index 0000000..fac9972 --- /dev/null +++ b/src/Pages/ManageCMS/TermsAndCondition/TermsAndCondition.tsx @@ -0,0 +1,11 @@ +import MainFrame from '../../../components/MainFrame' + +const TermsAndCondition = () => { + return ( + + + + ) +} + +export default TermsAndCondition \ No newline at end of file diff --git a/src/Pages/ManageContactUs/ManageContactUs.tsx b/src/Pages/ManageContactUs/ManageContactUs.tsx new file mode 100644 index 0000000..f713710 --- /dev/null +++ b/src/Pages/ManageContactUs/ManageContactUs.tsx @@ -0,0 +1,11 @@ +import MainFrame from '../../components/MainFrame' + +const ManageContactUs = () => { + return ( + + + + ) +} + +export default ManageContactUs \ No newline at end of file diff --git a/src/Routes/Nav.ts b/src/Routes/Nav.ts index 78d1c1d..c0450b5 100644 --- a/src/Routes/Nav.ts +++ b/src/Routes/Nav.ts @@ -1,9 +1,10 @@ -import { GoDotFill } from "react-icons/go"; -import { PiSuitcaseBold } from "react-icons/pi"; -import { RiSuitcase2Line } from "react-icons/ri"; -import { TbEdit, TbLayoutDashboard } from "react-icons/tb"; -import { TiUserAddOutline, TiUserOutline } from "react-icons/ti"; import { CgWorkAlt } from "react-icons/cg"; +import { GoDotFill } from "react-icons/go"; +import { PiHeadphonesBold } from "react-icons/pi"; +import { RiUserSettingsLine } from "react-icons/ri"; +import { TbEdit, TbLayoutDashboard } from "react-icons/tb"; +import { TiDocumentText, TiUserAddOutline, TiUserOutline } from "react-icons/ti"; + export const nav = [ @@ -51,9 +52,44 @@ export const nav = [ type:'single' }, { - title: "Manage Jobs", - path: "/manage-jobs", - Icon: CgWorkAlt, + title: "Manage Contact Us", + path: "/manage-contact-us", + Icon: PiHeadphonesBold, + type:'single' + }, + + { + title: "Manage CMS", + path: "/faq", + Icon: TiDocumentText, + type:'multiple', + children: [ + { + title: "FAQ", + path: "/faq", + Icon: GoDotFill, + }, + { + title: "About Us", + path: "/about-us", + Icon: GoDotFill, + }, + { + title: "Privacy Policy", + path: "/privacy-policy", + Icon: GoDotFill, + }, + { + title: "Terms And Conditions", + path: "/terms-and-condition", + Icon: GoDotFill, + }, + ], + }, + { + title: "My Profile", + path: "/profile", + Icon: RiUserSettingsLine, type:'single' }, diff --git a/src/Routes/Routes.ts b/src/Routes/Routes.ts index 8aefe07..a9ee324 100644 --- a/src/Routes/Routes.ts +++ b/src/Routes/Routes.ts @@ -1,5 +1,9 @@ import Dashboard from "../Pages/Dashboard/Dashboard"; +import AboutUs from "../Pages/ManageCMS/AboutUs/AboutUs"; +import FreqAskQuestion from "../Pages/ManageCMS/FAQ/FreqAskQuestion"; +import PrivacyPolicy from "../Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy"; +import ManageContactUs from "../Pages/ManageContactUs/ManageContactUs"; import ManageJobs from "../Pages/ManageJobs/ManageJobs"; import ManagePost from "../Pages/ManagePost/ManagePost"; import ManageSubAdmin from "../Pages/ManageSubAdmin/ManageSubAdmin"; @@ -13,6 +17,25 @@ export const RouteLink = [ { path: "/manage-post", Component: ManagePost }, { path: "/manage-sub-admin", Component: ManageSubAdmin }, { path: "/manage-jobs", Component: ManageJobs }, + { path: "/manage-contact-us", Component: ManageContactUs }, + { path: "/faq", Component: FreqAskQuestion }, + + + + { path: "/about-us", Component: AboutUs }, + + + + { path: "/privacy-policy", Component: PrivacyPolicy }, + + + { path: "/terms-and-condition", Component: PrivacyPolicy }, + + + + + + diff --git a/src/components/MainFrame.tsx b/src/components/MainFrame.tsx index df552e2..6aabdd2 100644 --- a/src/components/MainFrame.tsx +++ b/src/components/MainFrame.tsx @@ -1,4 +1,4 @@ -import { Box, Text, VStack } from "@chakra-ui/react" +import { Box, VStack } from "@chakra-ui/react" import { motion } from "framer-motion" import React, { FC } from "react" import { OPACITY_ON_LOAD } from "../Layouts/animations" @@ -11,9 +11,9 @@ interface MainFrameProps { title?: string } -const MainFrame: FC = ({ children, title }) => { +const MainFrame: FC = ({ children }) => { return ( - +