Cleanup login

Author: JManion32

src/contexts/AuthContext.tsx

@@ -2,9 +2,11 @@
 import React, { createContext, useContext, useState, type ReactNode } from 'react';
 
 type User = {
-    id?: string;
-    name?: string;
+    uid?: string;
     email?: string;
+    first_name?: string;
+    last_name?: string;
+    role?: string;
 };
 
 type AuthContextType = {
@@ -32,10 +34,8 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
             setLoading(true);
 
             const response = await fetch('https://api.capyrpi.org/v1/auth/me', {
-                headers: {
-                    Accept: 'application/json',
-                },
-                credentials: 'include',
+                headers: { Accept: 'application/json' },
+                credentials: 'include'
             });
 
             if (response.ok) {
@@ -70,9 +70,8 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
         const pollInterval = setInterval(async () => {
             try {
                 const response = await fetch('https://api.capyrpi.org/v1/auth/me', {
-                    headers: {
-                        Accept: 'application/json',
-                    },
+                    headers: { Accept: 'application/json' },
+                    credentials: 'include'
                 });
 
                 if (response.ok) {

src/pages/Home.tsx

@@ -16,7 +16,7 @@ export default function Home() {
                     </a>
                     <LoginPopup isOpen={showLogin} onClose={() => setShowLogin(false)} />
                     <p style={{ color: 'black' }}>
-                        UserId: <span style={{ color: user?.id ? 'green' : 'red' }}>{user?.id ?? 'Not logged in'}</span>
+                        UserId: <span style={{ color: user?.uid ? 'green' : 'red' }}>{user?.uid ?? 'Not logged in'}</span>
                     </p>
                 </div>
                 <div className="home-grid-panel"></div>

vite.config.ts

@@ -4,4 +4,7 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    port: 5173
+  }
 })