hide shop until membership to avoid confusing msg in the first place

Author: karmanyaahm

public/member/index.html

@@ -179,7 +179,7 @@ <h3>Log Attendance</h3>
                 <button id="logActivityButton" class="submit-btn disabled" disabled>Log Activity</button>
             </div>
 
-            <div id="shopSection" class="shop-section">
+            <div id="shopSection" class="shop-section hidden-until-membership">
                 <h3>RAS Store</h3>
                 <div id="shopTableContainer"></div>
 

public/member/membershipForm.js

@@ -182,6 +182,12 @@ function submitMembershipForm(form, data, submitButton, originalButtonText) {
             // Get the EID from the form data
             const eid = data.EID;
 
+            // Show the shop section since membership is now filled
+            const shopSection = document.getElementById('shopSection');
+            if (shopSection) {
+                shopSection.classList.remove('hidden-until-membership');
+            }
+            
             // Hide the form after successful submission
             setTimeout(() => {
                 form.style.display = 'none';
@@ -234,4 +240,14 @@ export function handleFormVisibility(memberExists, eid) {
     if (membershipForm) {
         membershipForm.style.display = memberExists ? 'none' : 'block';
     }
+    
+    // Show/hide shop section based on member existence
+    const shopSection = document.getElementById('shopSection');
+    if (shopSection) {
+        if (memberExists) {
+            shopSection.classList.remove('hidden-until-membership');
+        } else {
+            shopSection.classList.add('hidden-until-membership');
+        }
+    }
 }

public/member/styles.css

@@ -224,6 +224,11 @@ input { padding: .55rem; box-sizing: border-box; margin-top: .6rem; }
   display: none;
 }
 
+/* Container that's hidden until membership is filled */
+.hidden-until-membership {
+  display: none;
+}
+
 .form-toggle-btn {
   background-color: #bf5700; /* UT Austin burnt orange */
   color: white;