feat(ui/portal/qr): scaffold route

Author: MFarabi619

apps/portal/app/routes/profile.tsx

@@ -2,7 +2,7 @@ import type { UserDetails } from '@cuhacking/portal/types/user'
 import type { LoaderFunction } from '@remix-run/node'
 import process from 'node:process'
 import { ProfilePage } from '@cuhacking/portal/pages/profile'
-import { json, redirect } from '@remix-run/node'
+import { redirect } from '@remix-run/node'
 import { useLoaderData } from '@remix-run/react'
 
 export const loader: LoaderFunction = async ({ request }) => {
@@ -34,7 +34,7 @@ export const loader: LoaderFunction = async ({ request }) => {
       return redirect('/')
     }
 
-    return json({ user, cookie, API_URL })
+    return { user, cookie, API_URL }
   }
   catch {
     return redirect('/')

apps/portal/app/routes/qr.tsx

@@ -1,29 +1,50 @@
+import type { UserDetails } from '@cuhacking/portal/types/user'
 import type { LoaderFunction } from '@remix-run/node'
 import process from 'node:process'
 import { QrPage } from '@cuhacking/portal/pages/qr'
+import { redirect } from '@remix-run/node'
+import { useLoaderData } from '@remix-run/react'
 
-export const loader: LoaderFunction = async () => {
+export const loader: LoaderFunction = async ({ request }) => {
+  const cookie = request.headers.get('Cookie')
+
+  const baseUrl
+  = process.env.NODE_ENV === 'development'
+    ? 'http://localhost:8000'
+    : 'https://axiom.cuhacking.ca'
+
+  const API_URL = baseUrl
   try {
-    const API_URL = process.env.NODE_ENV === 'development' ? 'http://localhost:8000' : 'https://axiom.cuhacking.ca'
-    const req = await fetch(`${API_URL}/api/challenges`)
+    const res = await fetch(`${API_URL}/api/users/me`, {
+      credentials: 'include',
+      headers: { Cookie: cookie || '' },
+    })
+
+    if (!res.ok) {
+      throw new Error('Not Authenticated')
+    }
+
+    const { user } = await res.json()
 
-    if (!req.ok) {
-      throw new Error('Error')
+    if (!user) {
+      return redirect('/')
     }
 
-    const data = await req.json()
+    if (!user.agreedToTerms) {
+      return redirect('/')
+    }
 
-    return data.docs
+    return { user, cookie, API_URL }
   }
-  catch (error) {
-    console.error(`Error fetching challenges`, error)
+  catch {
+    return redirect('/')
   }
 }
 
 export default function QR() {
-  // const data = useLoaderData<typeof loader>()
+  const { user } = useLoaderData< { user: UserDetails, cookie: string }>()
 
   return (
-    <QrPage />
+    <QrPage user={user} />
   )
 }

libs/cms/configs/server.ts

@@ -7,7 +7,7 @@ OrganizerTeams,
        } from "@/db/collections"
 
 import {
-        ChallengePrize,
+        Challenges,
         Events,
         Media,
         Emails,
@@ -39,7 +39,7 @@ defaultDepth: 3,
     OrganizerTeams,
     Hardware,
     Events,
-        Hackathons,
+    Hackathons,
     Challenges,
   ],
   blocks:[
@@ -81,8 +81,6 @@ formOverrides: {
   versions: {
     drafts: true
   },
-    // access: {
-    // },
   },
   formSubmissionOverrides:{
     slug: 'form-submissions',

libs/portal/pages/qr.tsx

@@ -1,11 +1,19 @@
 import { Layout } from '@cuhacking/portal/ui/layout'
+import { QRCodeCanvas } from 'qrcode.react'
 
-export function QrPage() {
+export function QrPage({ user }) {
+  /* console.log(user) */
+  const qrValue = 'https://yourwebsite.com' // Change this to your desired URL or text
   return (
     <Layout isCompleteProfile={false}>
       <section className="max-w-screen-xl mx-auto gap-5 p-5 sm:px-10 py-40 pt-20">
         <div>
-          QR code page
+          <QRCodeCanvas value={qrValue} size={200} />
+          Hi
+          {' '}
+          {user.preferredDisplayName}
+          {' '}
+          ur doing great!
         </div>
       </section>
     </Layout>