img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+ return (
+
+ )
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
diff --git a/frontend/my-app/src/components/ui/input.tsx b/frontend/my-app/src/components/ui/input.tsx
new file mode 100644
index 0000000..d763cd9
--- /dev/null
+++ b/frontend/my-app/src/components/ui/input.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+ return (
+
+ )
+}
+
+export { Input }
diff --git a/frontend/my-app/src/components/ui/label.tsx b/frontend/my-app/src/components/ui/label.tsx
new file mode 100644
index 0000000..1ac80f7
--- /dev/null
+++ b/frontend/my-app/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import { Label as LabelPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+ className,
+ ...props
+}: React.ComponentProps
) {
+ return (
+
+ )
+}
+
+export { Label }
diff --git a/frontend/my-app/src/components/update-password-form.tsx b/frontend/my-app/src/components/update-password-form.tsx
new file mode 100644
index 0000000..81e2ed1
--- /dev/null
+++ b/frontend/my-app/src/components/update-password-form.tsx
@@ -0,0 +1,74 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import { useState } from 'react'
+
+import { cn } from '@/lib/utils'
+import { createClient } from '@/lib/supabase/client'
+import { Button } from '@/components/ui/button'
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+
+export function UpdatePasswordForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ const [password, setPassword] = useState('')
+ const [error, setError] = useState(null)
+ const [isLoading, setIsLoading] = useState(false)
+ const router = useRouter()
+
+ const handleForgotPassword = async (e: React.FormEvent) => {
+ e.preventDefault()
+ const supabase = createClient()
+ setIsLoading(true)
+ setError(null)
+
+ try {
+ const { error } = await supabase.auth.updateUser({ password })
+ if (error) throw error
+ // Update this route to redirect to an authenticated route. The user already has an active session.
+ router.push('/protected')
+ } catch (error: unknown) {
+ setError(error instanceof Error ? error.message : 'An error occurred')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ return (
+
+
+
+ Reset Your Password
+ Please enter your new password below.
+
+
+
+
+
+
- {webCamOn && ( //only show when webcam is on
- <>
-
-
-
- {/* Canvas for drawing pose landmarks */}
-
- )}
-
-
-
-
-
-
-
-
- );
-}
-
-export default Home;
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
deleted file mode 100644
index 19537f6..0000000
--- a/frontend/vite.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-// https://vite.dev/config/
-export default defineConfig({
- plugins: [react(), tailwindcss()],
-});