init

worklenz-frontend/src/pages/admin-center/admin-center-constants.ts

@@ -0,0 +1,60 @@
+import {
+  AppstoreOutlined,
+  CreditCardOutlined,
+  ProfileOutlined,
+  TeamOutlined,
+  UserOutlined,
+} from '@ant-design/icons';
+import React, { ReactNode } from 'react';
+import Overview from './overview/overview';
+import Users from './users/users';
+import Teams from './teams/teams';
+import Billing from './billing/billing';
+import Projects from './projects/projects';
+
+// type of a menu item in admin center sidebar
+type AdminCenterMenuItems = {
+  key: string;
+  name: string;
+  endpoint: string;
+  icon: ReactNode;
+  element: ReactNode;
+};
+// settings all element items use for sidebar and routes
+export const adminCenterItems: AdminCenterMenuItems[] = [
+  {
+    key: 'overview',
+    name: 'overview',
+    endpoint: 'overview',
+    icon: React.createElement(AppstoreOutlined),
+    element: React.createElement(Overview),
+  },
+  {
+    key: 'users',
+    name: 'users',
+    endpoint: 'users',
+    icon: React.createElement(UserOutlined),
+    element: React.createElement(Users),
+  },
+  {
+    key: 'teams',
+    name: 'teams',
+    endpoint: 'teams',
+    icon: React.createElement(TeamOutlined),
+    element: React.createElement(Teams),
+  },
+  {
+    key: 'projects',
+    name: 'projects',
+    endpoint: 'projects',
+    icon: React.createElement(ProfileOutlined),
+    element: React.createElement(Projects),
+  },
+  {
+    key: 'billing',
+    name: 'billing',
+    endpoint: 'billing',
+    icon: React.createElement(CreditCardOutlined),
+    element: React.createElement(Billing),
+  },
+];