+
Dashboard
+
{`Welcome to your dashboard, ${user.value.email}`}
+
{`Your refreshToken is ${user.value.refreshToken}`}
+
{`Your accessToken is ${user.value.accessToken}`}
+
{`Last refreshed: ${user.value.lastRefreshed}`}
+
+ {mealSuccessMessage.value && (
+
+
Meal Created Successfully!
+
{mealSuccessMessage.value}
+
+ )}
+
+ );
+});
diff --git a/frontend/src/components/LoginForm.tsx b/packages/frontend/src/components/LoginForm.tsx
similarity index 75%
rename from frontend/src/components/LoginForm.tsx
rename to packages/frontend/src/components/LoginForm.tsx
index c8cfcd9..5d32166 100644
--- a/frontend/src/components/LoginForm.tsx
+++ b/packages/frontend/src/components/LoginForm.tsx
@@ -1,7 +1,14 @@
-import { $, component$, useSignal, type QRLEventHandlerMulti } from '@builder.io/qwik';
+import { $, component$, useSignal, type QRLEventHandlerMulti, type Signal } from '@builder.io/qwik';
import { postLogin } from '../api';
import { PrimaryButton } from './PrimaryButton';
-export const LoginForm = component$(() => {
+import type { User } from '../types';
+
+type LoginFormProps = {
+ user: Signal