From 1bffda3da59addf8d6da3d5afee8dce4006e38e6 Mon Sep 17 00:00:00 2001
From: Jake Turner <turnerj804@gmail.com>
Date: Fri, 3 Nov 2023 11:20:22 -0700
Subject: [PATCH 1/3] fix(CentralIdentity): fix instructor verification
 pagination

---
 .../CentralIdentity/CentralIdentityInstructorVerifications.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityInstructorVerifications.tsx b/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityInstructorVerifications.tsx
index 4a3f3698..69074001 100644
--- a/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityInstructorVerifications.tsx
+++ b/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityInstructorVerifications.tsx
@@ -61,6 +61,7 @@ const CentralIdentityInstructorVerifications = () => {
       const res = await axios.get("/central-identity/verification-requests", {
         params: {
           activePage,
+          limit: itemsPerPage,
           query: searchString,
           status: 'open',
         },

From eb0072c793cf523d238f276ccce97243ff288d5f Mon Sep 17 00:00:00 2001
From: Jake Turner <turnerj804@gmail.com>
Date: Fri, 3 Nov 2023 13:35:17 -0700
Subject: [PATCH 2/3] feat(Instructors): select all default libs function

---
 .../ApproveVerificationRequestModal.tsx       | 78 +++++++++++--------
 1 file changed, 46 insertions(+), 32 deletions(-)

diff --git a/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx b/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
index ee1b163b..04493b7f 100644
--- a/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
+++ b/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
@@ -36,6 +36,7 @@ const ApproveVerificationRequestModal: React.FC<
   const [request, setRequest] = useState<CentralIdentityVerificationRequest>();
   const [allApps, setAllApps] = useState<CentralIdentityApp[]>([]);
   const [approvedApps, setApprovedApps] = useState<CentralIdentityApp[]>([]);
+  const [showDefaultLibs, setShowDefaultLibs] = useState<boolean>(false);
 
   // Effects
   useEffect(() => {
@@ -170,6 +171,13 @@ const ApproveVerificationRequestModal: React.FC<
     }
   }
 
+  function handleSelectAllLibs() {
+    const defaultLibs = allApps.filter((app) => app.is_default_library);
+    for (let i = 0; i < defaultLibs.length; i++) {
+      handleCheckApp(defaultLibs[i].id);
+    }
+  }
+
   return (
     <Modal open={show} onClose={onCancel} size="large" {...rest}>
       <Modal.Header>
@@ -213,38 +221,44 @@ const ApproveVerificationRequestModal: React.FC<
                     className="mb-1r"
                   />
                 ))}
-              <Accordion
-                className="mt-2p"
-                panels={[
-                  {
-                    key: "danger",
-                    title: {
-                      content: (
-                        <span>
-                          <strong>Change Default Libraries</strong>
-                        </span>
-                      ),
-                    },
-                    content: {
-                      content: (
-                        <div className="flex-col-div">
-                          {allApps
-                            .filter((app) => app.is_default_library)
-                            .map((app) => (
-                              <Checkbox
-                                key={app.id}
-                                label={app.name}
-                                checked={isChecked(app.id)}
-                                onChange={() => handleCheckApp(app.id)}
-                                className="mb-1r"
-                              />
-                            ))}
-                        </div>
-                      ),
-                    },
-                  },
-                ]}
-              />
+              <Accordion className="mt-2p">
+                <Accordion.Title
+                  active={showDefaultLibs}
+                  index={0}
+                  onClick={() => setShowDefaultLibs(!showDefaultLibs)}
+                >
+                  <div className="flex flex-row justify-between">
+                    <div>
+                      <Icon name="dropdown" />
+                      <strong>Change Default Libraries</strong>
+                    </div>
+                    <p
+                      className="underline cursor-pointer"
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        handleSelectAllLibs();
+                      }}
+                    >
+                      Select All
+                    </p>
+                  </div>
+                </Accordion.Title>
+                <Accordion.Content active={showDefaultLibs}>
+                  <div className="flex-col-div">
+                    {allApps
+                      .filter((app) => app.is_default_library)
+                      .map((app) => (
+                        <Checkbox
+                          key={app.id}
+                          label={app.name}
+                          checked={isChecked(app.id)}
+                          onChange={() => handleCheckApp(app.id)}
+                          className="mb-1r"
+                        />
+                      ))}
+                  </div>
+                </Accordion.Content>
+              </Accordion>
             </Form>
           </div>
         )}

From f4f45a832e818cadd1620830bab7d96ce125862c Mon Sep 17 00:00:00 2001
From: Jake Turner <turnerj804@gmail.com>
Date: Fri, 3 Nov 2023 13:49:08 -0700
Subject: [PATCH 3/3] feat(CentralIdentity): select all apps feat when editing
 user

---
 .../CentralIdentity/AddUserAppModal.tsx       | 44 ++++++++++++++++---
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/client/src/components/controlpanel/CentralIdentity/AddUserAppModal.tsx b/client/src/components/controlpanel/CentralIdentity/AddUserAppModal.tsx
index 94e246e9..1af5bfef 100644
--- a/client/src/components/controlpanel/CentralIdentity/AddUserAppModal.tsx
+++ b/client/src/components/controlpanel/CentralIdentity/AddUserAppModal.tsx
@@ -59,13 +59,17 @@ const AddUserAppModal: React.FC<AddUserAppModalProps> = ({
       setLoading(false);
     }
   }
+
   async function submitAddUserApp() {
     try {
       setLoading(true);
 
-      const res = await axios.post(`/central-identity/users/${userId}/applications`, {
-        applications: appsToAdd,
-      });
+      const res = await axios.post(
+        `/central-identity/users/${userId}/applications`,
+        {
+          applications: appsToAdd,
+        }
+      );
 
       if (res.data.err) {
         handleGlobalError(res.data.err);
@@ -80,8 +84,20 @@ const AddUserAppModal: React.FC<AddUserAppModalProps> = ({
     }
   }
 
+  function handleSelectAll() {
+    setAppsToAdd(availableApps.map((app) => app.id.toString()));
+  }
+
+  function handleSelectAllDefaultLibs() {
+    setAppsToAdd(
+      availableApps
+        .filter((app) => app.is_default_library)
+        .map((app) => app.id.toString())
+    );
+  }
+
   return (
-    <Modal open={show} onClose={onClose} {...rest} size="small">
+    <Modal open={show} onClose={onClose} {...rest} size="large">
       <Modal.Header>Add User Application(s)</Modal.Header>
       <Modal.Content scrolling id="task-view-content">
         {loading && (
@@ -90,20 +106,35 @@ const AddUserAppModal: React.FC<AddUserAppModalProps> = ({
           </div>
         )}
         {!loading && (
-          <div className="pa-2r mb-6r">
+          <div className="px-6 pb-36 pt-4">
             <Form noValidate>
+              <div className="flex flex-row justify-end">
+                <p
+                  className="underline mr-4 cursor-pointer"
+                  onClick={handleSelectAll}
+                >
+                  Select All
+                </p>
+                <p
+                  className="underline cursor-pointer"
+                  onClick={handleSelectAllDefaultLibs}
+                >
+                  Select Default Libraries
+                </p>
+              </div>
               <Form.Select
                 label="Add Applications"
                 placeholder="Start typing to search by name..."
                 options={availableApps.map((app) => ({
                   key: app.id,
-                  value: app.id,
+                  value: app.id.toString(),
                   text: app.name,
                 }))}
                 onChange={(_e, { value }) => {
                   if (!value) return;
                   setAppsToAdd(value as string[]);
                 }}
+                value={appsToAdd.map((app) => app.toString())}
                 fluid
                 multiple
                 search
@@ -111,6 +142,7 @@ const AddUserAppModal: React.FC<AddUserAppModalProps> = ({
                 scrolling
                 loading={loading}
                 disabled={loading}
+                clearable
               />
             </Form>
           </div>