Force syncing on admin sync page (#266)

Don't run isRequired check on sync page - just force the sync.

Author: devksingh4

src/app/(membership)/admin/sync/page.tsx

@@ -21,11 +21,10 @@ import axios from 'axios';
 import Layout from '../../MembershipLayout';
 import successAnimation from '../../success.json';
 import { useSearchParams } from 'next/navigation';
-import { type IPublicClientApplication } from "@azure/msal-browser";
+import { type IPublicClientApplication } from '@azure/msal-browser';
 import { getUserAccessToken, initMsalClient } from '@/utils/msal';
 import { syncIdentity } from '@/utils/api';
 
-
 interface ErrorCode {
   code?: number | string;
   message: string;
@@ -52,14 +51,14 @@ const Sync = () => {
     (async () => {
       setPca(await initMsalClient());
     })();
-  }, [])
+  }, []);
 
   const syncHandler = useCallback(async () => {
     setIsLoading(true);
     if (!pca) {
       setErrorMessage({
         code: -1,
-        message: "Failed to authenticate NetID."
+        message: 'Failed to authenticate NetID.',
       });
       modalErrorMessage.onOpen();
       return;
@@ -68,13 +67,13 @@ const Sync = () => {
     if (!accessToken) {
       setErrorMessage({
         code: -1,
-        message: "Failed to authenticate NetID."
+        message: 'Failed to authenticate NetID.',
       });
       modalErrorMessage.onOpen();
       return;
     }
 
-    syncIdentity(accessToken)
+    syncIdentity(accessToken, true)
       .then(() => {
         modalSynced.onOpen();
         setIsLoading(false);
@@ -84,7 +83,7 @@ const Sync = () => {
         if (error.response) {
           setErrorMessage({
             code: error.response.status,
-            message: "Failed to sync identity.",
+            message: 'Failed to sync identity.',
           });
         }
       });
@@ -106,7 +105,8 @@ const Sync = () => {
           <Divider />
           <CardBody className="gap-4">
             <p>
-              Only use this tool if prompted to by the ACM @ UIUC Infrastructure Team.
+              Only use this tool if prompted to by the ACM @ UIUC Infrastructure
+              Team.
             </p>
             <Button
               color="primary"
@@ -160,9 +160,7 @@ const Sync = () => {
           <ModalContent>
             <ModalHeader />
             <ModalBody className="flex flex-col items-center">
-              <p className="text-center text-2xl font-bold">
-                Identity synced!
-              </p>
+              <p className="text-center text-2xl font-bold">Identity synced!</p>
               <Lottie
                 animationData={successAnimation}
                 loop={false}

src/utils/api.ts

@@ -6,36 +6,44 @@ const baseUrl = process.env.NEXT_PUBLIC_EVENTS_API_BASE_URL || '';
 
 export async function fetchUpcomingEvents() {
   try {
-    const response = await fetch(`${baseUrl}/api/v1/events?upcomingOnly=true&featuredOnly=true&includeMetadata=true`);
+    const response = await fetch(
+      `${baseUrl}/api/v1/events?upcomingOnly=true&featuredOnly=true&includeMetadata=true`,
+    );
     const rawDates = (await response.json()) as IEvent[];
     return transformApiDates(rawDates);
   } catch (err: any) {
     return [];
   }
 }
 
-export const syncIdentity = async (accessToken: string) => {
+export const syncIdentity = async (
+  accessToken: string,
+  force: boolean = false,
+) => {
   // If this fails we don't care its just best effort.
-  const syncRequired = await checkIfSyncNeeded(accessToken)
-  if (!syncRequired) {
-    return;
+  if (!force) {
+    const syncRequired = await checkIfSyncNeeded(accessToken);
+    if (!syncRequired) {
+      return;
+    }
   }
   const url = `${baseUrl}/api/v1/syncIdentity`;
   return await axios
-    .post(url, {}, { headers: { "x-uiuc-token": accessToken } })
+    .post(url, {}, { headers: { 'x-uiuc-token': accessToken } })
     .then(() => {
-      console.log("Synced user identity")
+      console.log('Synced user identity');
     })
     .catch((error) => {
-      console.error(`Failed to sync user identity: ${error}`)
-    })
+      console.error(`Failed to sync user identity: ${error}`);
+    });
 };
 
-
-export const checkIfSyncNeeded = async (accessToken: string): Promise<boolean> => {
+export const checkIfSyncNeeded = async (
+  accessToken: string,
+): Promise<boolean> => {
   const url = `${baseUrl}/api/v1/syncIdentity/isRequired`;
   const response = await axios.get(url, {
-    headers: { "x-uiuc-token": accessToken }
+    headers: { 'x-uiuc-token': accessToken },
   });
   return response.data.syncRequired ?? false;
 };