Siddhesh.More/SSA-Admin-Panel
1
0
Fork 0
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Siddhesh More
2025-01-15 19:46:50 +05:30
parent 4903f7de88
commit a8f9aee8ff
16 changed files with 97 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Layouts/DefaultLayout.tsx
View File

@@ -15,7 +15,7 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
return (
<HStack position={'relative'} bg="#F2F2F2" backgroundPosition="center" backgroundRepeat="repeat" backgroundSize="cover" gap={0} w="100%" h="100vh" p={2}>
<HStack position={'relative'} bg="#F2F2F2" backgroundPosition="center" backgroundRepeat="repeat" backgroundSize="cover" gap={0} w="100%" h="100vh" >
<VStack zIndex={1} gap={0} rounded={'lg'} h="100%" w="15%" >
<HStack w={'100%'} p={3} h={'6.5%'} justifyContent={'center'}>
@@ -27,7 +27,7 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
<AccordionRoot bg={'#fff'} rounded={'lg'} collapsible>
<AccordionItem boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'} rounded={'lg'} borderBottom={'none'} p={0} key={index} value={title}>
<AccordionItemTrigger color={'#fff'} onClick={() => navigate(path)} gap={0} style={{ cursor: 'pointer', borderRadius: '8px', padding: '5px', width: '100%', display: 'flex', alignItems: 'center', border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000', fontSize: '14px', fontWeight:'normal' }}> <Text fontSize={'xs'} gap={1} display={'flex'} alignItems={'center'} ><Icon style={{ fontSize: '20px' }} />{title}</Text></AccordionItemTrigger>
{children?.map(({ title, path, Icon }, index) => <AccordionItemContent className={`linkChild ${location?.pathname === path && 'activeChild'}`} key={index} onClick={()=>navigate(path)} style={{ marginTop: 6, cursor: 'pointer', borderRadius: '8px', padding: '6px', width: '100%', display: 'flex', alignItems: 'center', gap: 6, border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000' }} ><Icon style={{ fontSize: '20px' }} /> <Text fontSize={'xs'} w={'100%'}>{title}</Text></AccordionItemContent>)}
{children?.map(({ title, path, Icon }, index) => <AccordionItemContent className={`linkChild ${location?.pathname === path && 'activeChild'}`} key={index} onClick={()=>navigate(path)} style={{ marginTop: 6, cursor: 'pointer', borderRadius: '8px', padding: '6px', width: '100%', display: 'flex', alignItems: 'center', gap: 6, border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000' }} ><Icon style={{ fontSize: '16px' }} /> <Text fontSize={'xs'} w={'100%'}>{title}</Text></AccordionItemContent>)}
</AccordionItem>
</AccordionRoot>)}
</VStack>

5
src/Pages/Dashboard/Dashboard.tsx
View File

@@ -1,7 +1,10 @@
import MainFrame from "../../components/MainFrame"
const Dashboard = () => {
return (
<div>Dashboard</div>
<MainFrame>
</MainFrame>
)
}

10
src/Pages/ManageCommunity/ManageCommunity.tsx
View File

@@ -1,10 +0,0 @@
import MainFrame from "../../components/MainFrame"
const ManageCommunity = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default ManageCommunity

11
src/Pages/ManageCommunity/ManagePost.tsx
View File

@@ -1,11 +0,0 @@
import MainFrame from "../../components/MainFrame"
const ManagePost = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default ManagePost

11
src/Pages/ManageGroups/ManageGroups.tsx
View File

@@ -1,11 +0,0 @@
import MainFrame from "../../components/MainFrame"
const ManageGroups = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default ManageGroups

10
src/Pages/Reporting/Reporting.tsx → src/Pages/ManageJobs/ManageJobs.tsx
View File

@@ -1,11 +1,11 @@
import MainFrame from "../../components/MainFrame"
const Reporting = () => {
const ManageJobs = () => {
return (
<MainFrame >
<MainFrame>
</MainFrame>
)
}
export default Reporting
export default ManageJobs

8
src/Pages/ManagePost/ManagePost.tsx Normal file
View File

@@ -0,0 +1,8 @@
const ManagePost = () => {
return (
<div>ManagePost</div>
)
}
export default ManagePost

11
src/Pages/ManageSubAdmin/ManageSubAdmin.tsx Normal file
View File

@@ -0,0 +1,11 @@
import MainFrame from '../../components/MainFrame'
const ManageSubAdmin = () => {
return (
<MainFrame>
</MainFrame>
)
}
export default ManageSubAdmin

11
src/Pages/ManageUser/DeactivatedAccounts/DeactivatedAccounts.tsx Normal file
View File

@@ -0,0 +1,11 @@
import MainFrame from '../../../components/MainFrame'
const DeactivatedAccounts = () => {
return (
<MainFrame>
</MainFrame>
)
}
export default DeactivatedAccounts

11
src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx Normal file
View File

@@ -0,0 +1,11 @@
import MainFrame from '../../../components/MainFrame'
const RegisterUsers = () => {
return (
<MainFrame>
</MainFrame>
)
}
export default RegisterUsers

11
src/Pages/ManageUsers/ManageUsers.tsx
View File

@@ -1,11 +0,0 @@
import MainFrame from "../../components/MainFrame"
const ManageUsers = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default ManageUsers

11
src/Pages/SubAdmin/SubAdmin.tsx
View File

@@ -1,11 +0,0 @@
import MainFrame from "../../components/MainFrame"
const SubAdmin = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default SubAdmin

11
src/Pages/Support/Support.tsx
View File

@@ -1,11 +0,0 @@
import MainFrame from "../../components/MainFrame"
const Support = () => {
return (
<MainFrame >
</MainFrame>
)
}
export default Support

66
src/Routes/Nav.ts
View File

@@ -1,11 +1,10 @@
import { LiaUsersSolid } from "react-icons/lia";
import { LuBellDot } from "react-icons/lu";
import { MdOutlineSupportAgent, MdPostAdd } from "react-icons/md";
import { TiUserOutline } from "react-icons/ti";
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 { TbFileSettings, TbLayoutDashboard, TbReport, TbUsers, TbUsersGroup } from "react-icons/tb";
import { RiUserSettingsLine } from "react-icons/ri";
export const nav = [
@@ -34,57 +33,28 @@ export const nav = [
],
},
{
title: "Manage Groups",
path: "/manage-groups",
Icon: TbUsersGroup,
title: "Manage Post",
path: "/manage-post",
Icon: TbEdit,
type:'single'
},
{
title: "Community",
path: "/manage-community",
Icon: LiaUsersSolid,
type:'multiple',
children: [
{
title: "Manage Community",
path: "/manage-community",
Icon: GoDotFill,
},
{
title: "Manage Post",
path: "/manage-post",
Icon: GoDotFill,
},
],
},
{
title: "Support",
path: "/support",
Icon: MdOutlineSupportAgent,
title: "Manage Sub-Admin",
path: "/manage-sub-admin",
Icon: TiUserAddOutline,
type:'single'
},
{
title: "Sub-Admin",
path: "/sub-admin",
Icon: RiUserSettingsLine,
title: "Manage Jobs",
path: "/manage-jobs",
Icon: CgWorkAlt,
type:'single'
},
{
title: "Reporting",
path: "/reporting",
Icon: TbReport,
title: "Manage Jobs",
path: "/manage-jobs",
Icon: CgWorkAlt,
type:'single'
},
{
title: "CMS",
path: "/cms",
Icon: TbFileSettings,
type:'single'
},
{
title: "Manage Notifications",
path: "/manage-notification",
Icon: LuBellDot,
type:'single'
}
];

42
src/Routes/Routes.ts
View File

@@ -1,24 +1,32 @@
import CMS from "../Pages/CMS/CMS";
import Dashboard from "../Pages/Dashboard/Dashboard";
import ManageCommunity from "../Pages/ManageCommunity/ManageCommunity";
import ManagePost from "../Pages/ManageCommunity/ManagePost";
import ManageGroups from "../Pages/ManageGroups/ManageGroups";
import ManageUsers from "../Pages/ManageUsers/ManageUsers";
import ManageJobs from "../Pages/ManageJobs/ManageJobs";
import ManagePost from "../Pages/ManagePost/ManagePost";
import ManageSubAdmin from "../Pages/ManageSubAdmin/ManageSubAdmin";
import DeactivatedAccounts from "../Pages/ManageUser/DeactivatedAccounts/DeactivatedAccounts";
import RegisterUsers from "../Pages/ManageUser/RegisterUsers/RegisterUsers";
import Profile from "../Pages/Profile/Profile";
import Reporting from "../Pages/Reporting/Reporting";
import SubAdmin from "../Pages/SubAdmin/SubAdmin";
import Support from "../Pages/Support/Support";
export const RouteLink = [
{ path: "/", Component: Dashboard },
{ path: "/manage-user", Component: ManageUsers },
{ path: "/manage-groups", Component: ManageGroups },
{ path: "/manage-community", Component: ManageCommunity},
{ path: "/manage-post", Component: ManagePost},
{ path: "/support", Component: Support},
{ path: "/sub-admin", Component: SubAdmin},
{ path: "/reporting", Component: Reporting},
{ path: "/cms", Component: CMS},
{ path: "/manage-notification", Component: CMS},
{ path: "/register-user", Component: RegisterUsers },
{ path: "/deactivate-accounts", Component: DeactivatedAccounts },
{ path: "/manage-post", Component: ManagePost },
{ path: "/manage-sub-admin", Component: ManageSubAdmin },
{ path: "/manage-jobs", Component: ManageJobs },
{ path: "/profile", Component: Profile},
]

4
src/components/MainFrame.tsx
View File

@@ -13,10 +13,10 @@ interface MainFrameProps {
const MainFrame: FC<MainFrameProps> = ({ children, title }) => {
return (
<MotionVStack {...OPACITY_ON_LOAD} w="100%" h="94%" p={4} pb={0} >
<MotionVStack {...OPACITY_ON_LOAD} w="100%" h="97%" p={3} ps={1} pt={4} >
<Box
w="100%"
h="97%"
h="100%"
bg="#ffffff"
rounded="md"
boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}