JUP-86 add admin

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

src/app/admin/users/page.tsx

@@ -0,0 +1,9 @@
+import AddAdmin from '@src/components/admin/AddAdmin';
+export default function Page() {
+  return (
+    <div className="m-5 md:pl-72">
+      <h1 className="text-center text-4xl font-bold text-black">Admin</h1>
+      <AddAdmin />
+    </div>
+  );
+}

src/components/admin/AddAdmin.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import { api } from '@src/trpc/react';
+import { UserSearchBar } from '../searchBar/UserSearchBar';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+type AdminState = {
+  name: string;
+  userId: string;
+};
+
+export default function AddAdmin() {
+  const router = useRouter();
+  const { mutate } = api.admin.addAdmin.useMutation({
+    onSuccess: () => {
+      router.refresh();
+      setPerson(null);
+    },
+  });
+
+  const [toAdd, setPerson] = useState<AdminState | null>(null);
+
+  return (
+    <div className="container">
+      <h1>Add Admin</h1>
+      <div className="flex p-3">
+        <UserSearchBar
+          passUser={(user) =>
+            setPerson({
+              name: user.name,
+              userId: user.id, // Set selected role when user is selected
+            })
+          }
+        />
+      </div>
+      <div className="flex items-center p-3">
+        <button
+          className="rounded bg-blue-500 px-4 py-2 font-bold text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
+          onClick={() => {
+            if (!toAdd) return;
+            mutate({
+              userId: toAdd.userId,
+            });
+          }}
+          disabled={!toAdd || !toAdd.name}
+        >
+          Confirm
+        </button>
+        {toAdd && toAdd.name && (
+          <span className="ml-3">
+            Adding <strong>{toAdd.name}</strong> as admin
+          </span>
+        )}
+      </div>
+    </div>
+  );
+}

src/server/api/routers/admin.ts

@@ -4,7 +4,7 @@ import { and, eq, gt } from 'drizzle-orm';
 import { club } from '@src/server/db/schema/club';
 import { userMetadataToClubs } from '@src/server/db/schema/users';
 import { type DateRange } from 'react-day-picker';
-import { carousel } from '@src/server/db/schema/admin';
+import { admin, carousel } from '@src/server/db/schema/admin';
 
 function isDateRange(value: unknown): value is DateRange {
   return Boolean(value && typeof value === 'object' && 'from' in value);
@@ -20,6 +20,10 @@ const updateOfficer = z.object({
   role: z.enum(['President', 'Officer', 'Member']),
 });
 
+const updateAdmin = z.object({
+  userId: z.string(),
+});
+
 const carouselSchema = z.object({
   orgId: z.string(),
   range: z.custom<DateRange>((val) => isDateRange(val)),
@@ -62,6 +66,21 @@ export const adminRouter = createTRPCRouter({
           ),
         );
     }),
+  addAdmin: adminProcedure
+    .input(updateAdmin)
+    .mutation(async ({ ctx, input }) => {
+      // Check if the user is already an admin
+      const exists = await ctx.db.query.admin.findFirst({
+        where: (userMetadataToAdmin) =>
+          eq(userMetadataToAdmin.userId, input.userId), // Corrected the condition to check userId
+      });
+      if (!exists) {
+        await ctx.db.insert(admin).values({
+          userId: input.userId,
+        });
+      }
+      return;
+    }),
   addOfficer: adminProcedure
     .input(updateOfficer)
     .mutation(async ({ ctx, input }) => {

src/server/db/schema/users.ts

@@ -40,6 +40,8 @@ export const clubRoleEnum = pgEnum('member_type', [
   'Member',
 ]);
 
+export const adminRoleEnum = pgEnum('admin_type', ['Admin', 'Not Admin']);
+
 export const users = pgTable('user', {
   id: text('id').notNull().primaryKey(),
   name: text('name'),

src/utils/formSchemas.ts

@@ -53,3 +53,15 @@ export const feedbackFormSchema = z.object({
   features: z.string().default(''),
   submit_on: z.date().default(new Date()),
 });
+
+export const editAdminSchema = z.object({
+  admin: z
+    .object({
+      userId: z.string(),
+      name: z.string(),
+      locked: z.boolean(),
+      title: z.string().min(1),
+      position: z.enum(['Admin']),
+    })
+    .array(),
+});