Moved QR code up

HackRU · Feb 1, 2025 · c0c7999 · c0c7999
1 parent 8ab5bf3
commit c0c7999
Showing 1 changed file with 64 additions and 63 deletions.
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
@@ -515,6 +515,23 @@ export default function Dashboard() {
             handleChangingFile={handleChangingFile}
             onWaiverSubmit={onWaiverSubmit}
           />
+          <Card className="w-full max-w-2xl">
+            <CardHeader>
+              <div className="flex flex-col ">
+                <div className="flex flex-col">
+                  <CardTitle>{`QR Code - Shirt Size ${userData?.shirt_size}`}</CardTitle>
+                  <CardDescription>
+                    Use this QR code to check-in or scan-in for events!
+                  </CardDescription>
+                </div>
+              </div>
+            </CardHeader>
+            <CardContent>
+              <div className="flex flex-col items-center justify-center space-y-4 rounded-md bg-white p-4">
+                <QRCode value={userData?.email} size={256} />
+              </div>
+            </CardContent>
+          </Card>
           {/*Getting ride of house info as well */}
           {userData?.registration_status === 'checked_in' && false && (
             <Card className="w-full max-w-2xl">
@@ -533,53 +550,53 @@ export default function Dashboard() {
               </CardHeader>
             </Card>
           )}
-          { userData?.transportation_method == null && (
+          {userData?.transportation_method == null && (
             <Card className="mt-32 w-full max-w-2xl">
-            <CardHeader>
-              <CardTitle>
-                How did you get to hackRU?
-              </CardTitle>
-              <CardDescription>
-                <Button
-                  onClick={async () => {
-                    const resp = await TransportMethodSelf("drive");
-                    if (resp == 'GOOD') {
-                      setUserData({ ...userData, transportation_method: "drive" });
-                    }
-                  }}
-                  type="button"
-                  className="mt-10 mr-4"
-                >
-                  Drive
-                </Button>
-                <Button
-                  onClick={async () => {
-                    const resp = await TransportMethodSelf("walk");
-                    console.log(resp)
-                    if (resp == 'GOOD') {
-                      setUserData({ ...userData, transportation_method: "walk" });
-                    }
-                  }}
-                  type="button"
-                  className={`mt-10 mr-4`}
-                >
-                  Walk
-                </Button>
-                <Button
-                  onClick={async () => {
-                    const resp = await TransportMethodSelf("public_transit");
-                    if (resp == 'GOOD') {
-                      setUserData({ ...userData, transportation_method: "public_transit" });
-                    }
-                  }}
-                  type="button"
-                  className="mt-10 mr-4 "
-                >
-                  Public Transit
-                </Button>
-              </CardDescription>
-            </CardHeader>
-          </Card>)
+              <CardHeader>
+                <CardTitle>
+                  How did you get to hackRU?
+                </CardTitle>
+                <CardDescription>
+                  <Button
+                    onClick={async () => {
+                      const resp = await TransportMethodSelf("drive");
+                      if (resp == 'GOOD') {
+                        setUserData({ ...userData, transportation_method: "drive" });
+                      }
+                    }}
+                    type="button"
+                    className="mt-10 mr-4"
+                  >
+                    Drive
+                  </Button>
+                  <Button
+                    onClick={async () => {
+                      const resp = await TransportMethodSelf("walk");
+                      console.log(resp)
+                      if (resp == 'GOOD') {
+                        setUserData({ ...userData, transportation_method: "walk" });
+                      }
+                    }}
+                    type="button"
+                    className={`mt-10 mr-4`}
+                  >
+                    Walk
+                  </Button>
+                  <Button
+                    onClick={async () => {
+                      const resp = await TransportMethodSelf("public_transit");
+                      if (resp == 'GOOD') {
+                        setUserData({ ...userData, transportation_method: "public_transit" });
+                      }
+                    }}
+                    type="button"
+                    className="mt-10 mr-4 "
+                  >
+                    Public Transit
+                  </Button>
+                </CardDescription>
+              </CardHeader>
+            </Card>)
           }
           {pointsData && userData.registration_status == 'checked_in' && (
             <Card className="w-full max-w-2xl">
@@ -710,23 +727,7 @@ export default function Dashboard() {
             </Card>
           )}
 
-          <Card className="w-full max-w-2xl">
-            <CardHeader>
-              <div className="flex flex-col ">
-                <div className="flex flex-col">
-                  <CardTitle>{`QR Code - Shirt Size ${userData?.shirt_size}`}</CardTitle>
-                  <CardDescription>
-                    Use this QR code to check-in or scan-in for events!
-                  </CardDescription>
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <div className="flex flex-col items-center justify-center space-y-4 rounded-md bg-white p-4">
-                <QRCode value={userData?.email} size={256} />
-              </div>
-            </CardContent>
-          </Card>
+
 
           <Card className="w-full max-w-2xl">
             <CardHeader>