From b69e5edbf10fd00b8806247e39d5ef5799f9e930 Mon Sep 17 00:00:00 2001
From: jakeaturner <jturner@cosmistack.com>
Date: Fri, 12 Jan 2024 10:18:47 -0800
Subject: [PATCH] fix(CentralIdentity): keep default libraries open

---
 .../ApproveVerificationRequestModal.tsx       | 70 ++++++++-----------
 1 file changed, 29 insertions(+), 41 deletions(-)

diff --git a/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx b/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
index f58d6d6a..9ac363c3 100644
--- a/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
+++ b/client/src/components/controlpanel/CentralIdentity/ApproveVerificationRequestModal.tsx
@@ -36,7 +36,6 @@ 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(() => {
@@ -225,46 +224,35 @@ const ApproveVerificationRequestModal: React.FC<
                     className="mb-1r"
                   />
                 ))}
-              <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>
-                    {showDefaultLibs && (
-                      <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={crypto.randomUUID()}
-                          label={app.name}
-                          checked={isChecked(app.id)}
-                          onChange={() => handleCheckApp(app.id)}
-                          className="mb-1r"
-                        />
-                      ))}
-                  </div>
-                </Accordion.Content>
-              </Accordion>
+              <div className="mt-2">
+                <div className="flex flex-row justify-between items-center">
+                  <p>
+                    <strong>Change Default Libraries</strong>
+                  </p>
+                  <p
+                    className="underline cursor-pointer"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      handleSelectAllLibs();
+                    }}
+                  >
+                    Select All
+                  </p>
+                </div>
+                <div className="flex-col-div mt-4">
+                  {allApps
+                    .filter((app) => app.is_default_library)
+                    .map((app) => (
+                      <Checkbox
+                        key={crypto.randomUUID()}
+                        label={app.name}
+                        checked={isChecked(app.id)}
+                        onChange={() => handleCheckApp(app.id)}
+                        className="mb-1r"
+                      />
+                    ))}
+                </div>
+              </div>
             </Form>
           </div>
         )}