From 1559d9fdca5a8f131051d50b5ddac34e8ac7aee5 Mon Sep 17 00:00:00 2001
From: Julian Weng <julian.weng.us@gmail.com>
Date: Sat, 6 Jan 2024 17:08:17 -0500
Subject: [PATCH] Add disclaimer when no available Wharton Club applications to
 add to cycle.

---
 .../Settings/WhartonApplicationCycles.tsx     | 51 ++++++++++++-------
 1 file changed, 34 insertions(+), 17 deletions(-)

diff --git a/frontend/components/Settings/WhartonApplicationCycles.tsx b/frontend/components/Settings/WhartonApplicationCycles.tsx
index 8f0d9db72..5c02eefe5 100644
--- a/frontend/components/Settings/WhartonApplicationCycles.tsx
+++ b/frontend/components/Settings/WhartonApplicationCycles.tsx
@@ -226,23 +226,40 @@ const WhartonApplicationCycles = (): ReactElement => {
         {membershipCycle && membershipCycle.name && (
           <>
             <Subtitle>Club Membership for {membershipCycle.name}</Subtitle>
-            <div
-              style={{ paddingLeft: 20, paddingRight: 20, paddingTop: '20px' }}
-            >
-              <Select
-                onChange={(e) => setClubsSelectedMembership([...e])}
-                value={clubsSelectedMembership}
-                options={clubOptionsMembership}
-                isMulti
-              />
-            </div>
-            <button
-              className="button is-primary"
-              style={{ position: 'absolute', bottom: 10, right: 10 }}
-              onClick={closeMembershipModal}
-            >
-              Submit
-            </button>
+            {clubOptionsMembership.length === 0 ? (
+              <p style={{ paddingLeft: 10, paddingRight: 10 }}>
+                No club applications are currently active.
+                <br /> Please visit the{' '}
+                <a href="https://pennclubs.com/admin/scripts">
+                  Admin Scripts
+                </a>{' '}
+                page to initialize new applications for the current cycle.
+              </p>
+            ) : (
+              <>
+                <div
+                  style={{
+                    paddingLeft: 20,
+                    paddingRight: 20,
+                    paddingTop: '20px',
+                  }}
+                >
+                  <Select
+                    onChange={(e) => setClubsSelectedMembership([...e])}
+                    value={clubsSelectedMembership}
+                    options={clubOptionsMembership}
+                    isMulti
+                  />
+                </div>
+                <button
+                  className="button is-primary"
+                  style={{ position: 'absolute', bottom: 10, right: 10 }}
+                  onClick={closeMembershipModal}
+                >
+                  Submit
+                </button>
+              </>
+            )}
           </>
         )}
       </Modal>