feat(super-admin-dashboard): implements a super admin dashboard

Author: aimedivin

package-lock.json

@@ -57,7 +57,6 @@
     "apollo-upload-client": "^17.0.0",
     "autoprefixer": "^10.4.14",
     "axios": "^1.6.1",
-    "chart.js": "^4.3.2",
     "cleave.js": "^1.6.0",
     "cloudinary": "^1.39.0",
     "cloudinary-react": "^1.8.1",
@@ -107,7 +106,7 @@
     "react-tooltip": "^4.5.1",
     "react-widgets": "^5.8.4",
     "reactjs-popup": "^2.0.5",
-    "recharts": "^2.7.2",
+    "recharts": "^2.13.3",
     "sheetjs-style": "^0.15.8",
     "sinon": "^14.0.2",
     "subscriptions-transport-ws": "^0.11.0",

package.json

@@ -42,10 +42,7 @@ const Calendar = () => {
     /* istanbul ignore next */
     try {
       await getEvents({
-        variables: {
-          authToken: localStorage.getItem('auth_token'),
-        },
-        fetchPolicy: 'network-only',
+        
       });
     } catch (error: any) {
       toast.error(error.message)

src/assets/dash-event-icon.svg

@@ -0,0 +1,33 @@
+import React from 'react';
+
+interface PropsInterface {
+  type: 'active' | 'pending' | 'rejected';
+  label?: boolean;
+}
+
+function OrgStatusSymbol({ type, label }: PropsInterface) {
+  const colorClasses = {
+    active: 'border-[#11AF0E] bg-[#11AF0E]',
+    pending: 'border-[#FFA500] bg-[#FFA500]',
+    rejected: 'border-[#C30909] bg-[#C30909]',
+  };
+
+  const selectedColor = colorClasses[type];
+
+  return (
+    <div className="flex gap-x-1 items-center capitalize text-[.85rem] tracking-tight">
+      <div
+        className={`border ${selectedColor.split(' ')[0]} rounded-full p-[3px]`}
+      >
+        <div
+          className={`h-[5px] w-[5px] rounded-full ${
+            selectedColor.split(' ')[1]
+          }`}
+        />
+      </div>
+      {label && <span>{type}</span>}
+    </div>
+  );
+}
+
+export default OrgStatusSymbol;