RISC-Frontend/src/layouts/TabLayout/AdminTabLayout.tsx at e83a798e6cf3ea005241209e45723e83c96c4118 · novaforgood/RISC-Frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import {
  Clipboard,
  Edit,
  Home,
  Settings,
  User,
  Users,
} from "../../components/icons";
import TabLayout, { BaseTabLayoutProps, joinPath } from "./TabLayout";

const { PageItem, Dropdown, Separator } = TabLayout;

const AdminTabLayout: React.FC<BaseTabLayoutProps> = ({
  children,
  onboarded,
  basePath,
}) => {
  return (
    <TabLayout onboarded={onboarded} currentPageChildren={children}>
      <PageItem label="Homepage" Icon={Home} path={joinPath(basePath)} />
      <PageItem
        label="Settings"
        Icon={Settings}
        path={joinPath(basePath, "settings")}
      />
      <Separator />
      <Dropdown label="Mentors" id="admin-mentors">
        <PageItem
          label="View Mentors"
          Icon={Users}
          path={joinPath(basePath, "mentors")}
        />
        <PageItem
          label="Edit Mentor Profile"
          Icon={User}
          path={joinPath(basePath, "mentors", "edit-profile")}
        />
      </Dropdown>
      <Separator />
      <Dropdown label="Mentees" id="admin-mentees">
        <PageItem
          label="View Mentees"
          Icon={Users}
          path={joinPath(basePath, "mentees")}
        />
        <PageItem
          label="Edit Mentee Profile"
          Icon={User}
          path={joinPath(basePath, "mentees", "edit-profile")}
        />
      </Dropdown>
      <Separator />
      <Dropdown label="Applications" id="admin-applications">
        <PageItem
          label="Mentor Applications"
          Icon={Clipboard}
          path={joinPath(basePath, "applications", "mentors")}
        />
        <PageItem
          label="Edit Mentor Application"
          Icon={Edit}
          path={joinPath(basePath, "applications", "edit-mentor-app")}
        />
        <PageItem
          label="Mentee Applications"
          Icon={Clipboard}
          path={joinPath(basePath, "applications", "mentees")}
        />
        <PageItem
          label="Edit Mentee Application"
          Icon={Edit}
          path={joinPath(basePath, "applications", "edit-mentee-app")}
        />
      </Dropdown>
      <Separator />
    </TabLayout>
  );
};

export default AdminTabLayout;