[V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, fontFamily: { outfit: ["var(--font-outfit)"], space: ["var(--font-space)"], }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/components/auth-provider" import { AuthProvider } from "@/components/auth-provider" import { Loader2 } from "lucide-react" import OnboardingPage from "@/app/onboarding/page" function Home() { const router = useRouter() const { user, loading } = useAuth() useEffect(() => { if (!loading && user) { router.push("/home") } }, [loading, user, router]) if (loading) { return (

Caricamento...

) } return } export default function RootPage() { return ( ) } [V0_FILE]typescriptreact:file="lib/utils.ts" isEdit="true" isMerged="true" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } export function formatNumber(num: number): string { if (num >= 1000) { return (num / 1000).toFixed(1) + "K" } return num.toString() } export function getDayOfWeek(date: Date): number { // 0 = Sunday, 1 = Monday, ..., 6 = Saturday return date.getDay() } export function getWeekDates(date: Date = new Date()): Date[] { const day = date.getDay() // 0 = Sunday, 1 = Monday, ..., 6 = Saturday const diff = date.getDate() - day const sunday = new Date(date) sunday.setDate(diff) const weekDates: Date[] = [] for (let i = 0; i < 7; i++) { const currentDate = new Date(sunday) currentDate.setDate(sunday.getDate() + i) weekDates.push(currentDate) } return weekDates } export function formatDate(date: Date): string { return date.toISOString().split("T")[0] } export function getRandomColor(): string { const colors = [ "#3498db", // Blue "#e74c3c", // Red "#2ecc71", // Green "#f39c12", // Orange "#9b59b6", // Purple "#1abc9c", // Turquoise "#d35400", // Dark Orange "#c0392b", // Dark Red "#16a085", // Sea Green "#8e44ad", // Dark Purple "#f1c40f", // Yellow "#27ae60", // Emerald Green ] return colors[Math.floor(Math.random() * colors.length)] } export function getDayLetter(day: number): string { const days = ["S", "M", "T", "W", "T", "F", "S"] return days[day] } [V0_FILE]plaintext:file="lib/database.types" isEdit="true" isQuickEdit="true" isMerged="true" export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[] export interface Database { public: { Tables: { users: { Row: { id: string name: string pin: string created_at: string profile_color: string theme: string sets_per_workout: number } Insert: { id?: string name: string pin: string created_at?: string profile_color?: string theme?: string sets_per_workout?: number } Update: { id?: string name?: string pin?: string created_at?: string profile_color?: string theme?: string sets_per_workout?: number } } workout_schedules: { Row: { id: string user_id: string day_of_week: number } Insert: { id?: string user_id: string day_of_week: number } Update: { id?: string user_id?: string day_of_week?: number } } workouts: { Row: { id: string user_id: string date: string set_values: number[] sets: number created_at: string } Insert: { id?: string user_id: string date: string set_values: number[] sets: number created_at?: string } Update: { id?: string user_id?: string date?: string set_values?: number[] sets?: number created_at?: string } } default_sets: { Row: { id: string user_id: string set_values: number[] created_at: string } Insert: { id?: string user_id: string set_values: number[] created_at?: string } Update: { id?: string user_id?: string set_values?: number[] created_at?: string } } } } } [V0_FILE]typescriptreact:file="components/install-pwa.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Download } from "lucide-react" export function InstallPWA() { const [deferredPrompt, setDeferredPrompt] = useState(null) useEffect(() => { // This will only work on HTTPS or localhost const handleBeforeInstallPrompt = (e: any) => { console.log("beforeinstallprompt event fired") // Prevent the mini-infobar from appearing on mobile e.preventDefault() // Stash the event so it can be triggered later setDeferredPrompt(e) } window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt) // Check if app is already installed const isStandalone = window.matchMedia("(display-mode: standalone)").matches if (isStandalone) { console.log("App is already installed") } return () => { window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt) } }, []) const handleInstallClick = async () => { if (!deferredPrompt) { console.log("No installation prompt available") return } // Show the install prompt deferredPrompt.prompt() // Wait for the user to respond to the prompt const { outcome } = await deferredPrompt.userChoice console.log(`User response to the install prompt: ${outcome}`) // We've used the prompt, and can't use it again, throw it away setDeferredPrompt(null) } return ( ) } [V0_FILE]png:file="public/favicon.ico" url="https://blob.v0.dev/Yd9Ib.png" isMerged="true" [V0_FILE]typescriptreact:file="public/manifest.json" isEdit="true" isMerged="true" { "name": "PushUp Tracker", "short_name": "PushUps", "description": "Track your push-ups with style", "start_url": "/", "display": "standalone", "background_color": "#000000", "theme_color": "#000000", "icons": [ { "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" }, { "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" } ] } [V0_FILE]typescriptreact:file="components/ui/toaster.tsx" isMerged="true" "use client" import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "@/components/ui/toast" import { useToast } from "@/components/ui/use-toast" export function Toaster() { const { toasts } = useToast() return ( {toasts.map(({ id, title, description, action, ...props }) => (

{title && {title}} {description && {description}}

{action} ))} ) } [V0_FILE]typescriptreact:file="components/ui/toast.tsx" isMerged="true" "use client" import * as React from "react" import * as ToastPrimitives from "@radix-ui/react-toast" import { cva, type VariantProps } from "class-variance-authority" import { X } from "lucide-react" import { cn } from "@/lib/utils" const ToastProvider = ToastPrimitives.Provider const ToastViewport = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastViewport.displayName = ToastPrimitives.Viewport.displayName const toastVariants = cva( "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", { variants: { variant: { default: "border bg-background text-foreground", destructive: "destructive group border-destructive bg-destructive text-destructive-foreground", }, }, defaultVariants: { variant: "default", }, }, ) const Toast = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, variant, ...props }, ref) => { return }) Toast.displayName = ToastPrimitives.Root.displayName const ToastAction = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastAction.displayName = ToastPrimitives.Action.displayName const ToastClose = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastClose.displayName = ToastPrimitives.Close.displayName const ToastTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastTitle.displayName = ToastPrimitives.Title.displayName const ToastDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastDescription.displayName = ToastPrimitives.Description.displayName type ToastProps = React.ComponentPropsWithoutRef type ToastActionElement = React.ReactElement export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, } [V0_FILE]typescriptreact:file="components/ui/use-toast.ts" isMerged="true" "use client" // Reexport the Toaster component import { Toaster } from "@/components/ui/toaster" import * as React from "react" import type { ToastActionElement, ToastProps } from "@/components/ui/toast" const TOAST_LIMIT = 5 const TOAST_REMOVE_DELAY = 1000000 type ToasterToast = ToastProps & { id: string title?: React.ReactNode description?: React.ReactNode action?: ToastActionElement } const actionTypes = { ADD_TOAST: "ADD_TOAST", UPDATE_TOAST: "UPDATE_TOAST", DISMISS_TOAST: "DISMISS_TOAST", REMOVE_TOAST: "REMOVE_TOAST", } as const let count = 0 function genId() { count = (count + 1) % Number.MAX_VALUE return count.toString() } type ActionType = typeof actionTypes type Action = | { type: ActionType["ADD_TOAST"] toast: ToasterToast } | { type: ActionType["UPDATE_TOAST"] toast: Partial } | { type: ActionType["DISMISS_TOAST"] toastId?: string } | { type: ActionType["REMOVE_TOAST"] toastId?: string } interface State { toasts: ToasterToast[] } const toastTimeouts = new Map>() const reducer = (state: State, action: Action): State => { switch (action.type) { case actionTypes.ADD_TOAST: return { ...state, toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT), } case actionTypes.UPDATE_TOAST: return { ...state, toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)), } case actionTypes.DISMISS_TOAST: { const { toastId } = action // ! Side effects ! - This could be extracted into a dismissToast() action, // but I'll keep it here for simplicity if (toastId) { addToRemoveQueue(toastId) } else { state.toasts.forEach((toast) => { addToRemoveQueue(toast.id) }) } return { ...state, toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined ? { ...t, open: false, } : t, ), } } case actionTypes.REMOVE_TOAST: if (action.toastId === undefined) { return { ...state, toasts: [], } } return { ...state, toasts: state.toasts.filter((t) => t.id !== action.toastId), } } } const listeners: Array<(state: State) => void> = [] let memoryState: State = { toasts: [] } function dispatch(action: Action) { memoryState = reducer(memoryState, action) listeners.forEach((listener) => { listener(memoryState) }) } type Toast = Omit function toast({ ...props }: Toast) { const id = genId() const update = (props: ToasterToast) => dispatch({ type: actionTypes.UPDATE_TOAST, toast: { ...props, id }, }) const dismiss = () => dispatch({ type: actionTypes.DISMISS_TOAST, toastId: id }) dispatch({ type: actionTypes.ADD_TOAST, toast: { ...props, id, open: true, onOpenChange: (open) => { if (!open) dismiss() }, }, }) return { id: id, dismiss, update, } } function useToast() { const [state, setState] = React.useState(memoryState) React.useEffect(() => { listeners.push(setState) return () => { const index = listeners.indexOf(setState) if (index > -1) { listeners.splice(index, 1) } } }, [state]) return { ...state, toast, dismiss: (toastId?: string) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId }), } } function addToRemoveQueue(toastId: string) { if (toastTimeouts.has(toastId)) { return } const timeout = setTimeout(() => { toastTimeouts.delete(toastId) dispatch({ type: actionTypes.REMOVE_TOAST, toastId, }) }, TOAST_REMOVE_DELAY) toastTimeouts.set(toastId, timeout) } export { useToast, toast, Toaster } [V0_FILE]sql:file="scripts/add-user-gymbros-table.sql" type="inline-sql" transaction="true" name="add-user-gymbros-table.sql" isMerged="true" -- Create user_gymbros table to support multiple gymbros per user CREATE TABLE IF NOT EXISTS user_gymbros ( id UUID DEFAULT gen_random_uuid() PRIMARY KEY, user_id UUID NOT NULL REFERENCES users(id) ON DELETE CASCADE, gymbro_id UUID NOT NULL REFERENCES users(id) ON DELETE CASCADE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), UNIQUE(user_id, gymbro_id) ); -- Create indexes for better performance CREATE INDEX IF NOT EXISTS idx_user_gymbros_user_id ON user_gymbros(user_id); CREATE INDEX IF NOT EXISTS idx_user_gymbros_gymbro_id ON user_gymbros(gymbro_id); -- Migrate existing gymbro_id data to the new table INSERT INTO user_gymbros (user_id, gymbro_id) SELECT id, gymbro_id FROM users WHERE gymbro_id IS NOT NULL ON CONFLICT (user_id, gymbro_id) DO NOTHING; -- Add a comment to the table COMMENT ON TABLE user_gymbros IS 'Stores the relationship between users and their gymbros (many-to-many)'; [V0_FILE]sql:file="scripts/add-email-verification.sql" isMerged="true" -- Add email verification fields to users table ALTER TABLE users ADD COLUMN email VARCHAR(255), ADD COLUMN email_verified BOOLEAN DEFAULT FALSE, ADD COLUMN verification_code VARCHAR(6), ADD COLUMN verification_code_expires TIMESTAMP WITH TIME ZONE; -- Create index for email lookups CREATE INDEX IF NOT EXISTS idx_users_email ON users(email); -- Add comment COMMENT ON COLUMN users.email IS 'User email address for alternative login'; COMMENT ON COLUMN users.email_verified IS 'Whether the email has been verified'; COMMENT ON COLUMN users.verification_code IS 'Temporary verification code for email verification'; COMMENT ON COLUMN users.verification_code_expires IS 'Expiration time for verification code'; [V0_FILE]sql:file="scripts/remove-email-system.sql" isMerged="true" -- Remove all email-related columns from users table ALTER TABLE users DROP COLUMN IF EXISTS email, DROP COLUMN IF EXISTS email_verified, DROP COLUMN IF EXISTS verification_code, DROP COLUMN IF EXISTS verification_code_expires; -- Remove email index if it exists DROP INDEX IF EXISTS idx_users_email; [V0_FILE]typescriptreact:file="lib/database.types.ts" isEdit="true" isMerged="true" export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[] export interface Database { public: { Tables: { users: { Row: { id: string name: string pin: string created_at: string profile_color: string theme: string sets_per_workout: number gymbro_id: string | null } Insert: { id?: string name: string pin: string created_at?: string profile_color?: string theme?: string sets_per_workout?: number gymbro_id?: string | null } Update: { id?: string name?: string pin?: string created_at?: string profile_color?: string theme?: string sets_per_workout?: number gymbro_id?: string | null } } user_gymbros: { Row: { id: string user_id: string gymbro_id: string created_at: string } Insert: { id?: string user_id: string gymbro_id: string created_at?: string } Update: { id?: string user_id?: string gymbro_id?: string created_at?: string } } workout_schedules: { Row: { id: string user_id: string day_of_week: number } Insert: { id?: string user_id: string day_of_week: number } Update: { id?: string user_id?: string day_of_week?: number } } workouts: { Row: { id: string user_id: string date: string set_values: number[] sets: number created_at: string } Insert: { id?: string user_id: string date: string set_values: number[] sets: number created_at?: string } Update: { id?: string user_id?: string date?: string set_values?: number[] sets?: number created_at?: string } } default_sets: { Row: { id: string user_id: string set_values: number[] created_at: string } Insert: { id?: string user_id: string set_values: number[] created_at?: string } Update: { id?: string user_id?: string set_values?: number[] created_at?: string } } } } } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useSupabase } from "@/lib/supabase-provider" import { Loader2, Trash2, LogOut, Eye, EyeOff, AlertTriangle } from "lucide-react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from "@/components/ui/dialog" import { motion } from "framer-motion" interface User { id: string name: string pin: string created_at: string profile_color: string sets_per_workout: number } export default function AdminPage() { const router = useRouter() const { supabase } = useSupabase() const [username, setUsername] = useState("") const [password, setPassword] = useState("") const [isAuthenticated, setIsAuthenticated] = useState(false) const [isLoading, setIsLoading] = useState(false) const [users, setUsers] = useState([]) const [showPins, setShowPins] = useState(false) const [isDeleting, setIsDeleting] = useState(null) const [userToDelete, setUserToDelete] = useState(null) const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false) const [error, setError] = useState("") const [success, setSuccess] = useState("") // Check for saved admin session on component mount useEffect(() => { const savedAdminSession = localStorage.getItem("adminAuthenticated") if (savedAdminSession === "true") { setIsAuthenticated(true) fetchUsers() } }, []) const handleLogin = () => { if (username === "renato" && password === "100pushups") { setIsAuthenticated(true) // Save admin session to localStorage localStorage.setItem("adminAuthenticated", "true") fetchUsers() setError("") } else { setError("Invalid username or password") } } const fetchUsers = async () => { setIsLoading(true) try { const { data, error } = await supabase.from("users").select("*").order("created_at", { ascending: false }) if (error) { throw error } setUsers(data as User[]) } catch (error) { console.error("Error fetching users:", error) setError("Failed to fetch users") } finally { setIsLoading(false) } } const handleDeleteUserConfirm = (user: User) => { setUserToDelete(user) setIsDeleteDialogOpen(true) } const handleDeleteUser = async () => { if (!userToDelete) return try { setIsDeleting(userToDelete.id) // Delete user's workout schedules await supabase.from("workout_schedules").delete().eq("user_id", userToDelete.id) // Delete user's workouts await supabase.from("workouts").delete().eq("user_id", userToDelete.id) // Delete user's default sets await supabase.from("default_sets").delete().eq("user_id", userToDelete.id) // Delete user's gymbro relations await supabase.from("user_gymbros").delete().eq("user_id", userToDelete.id) await supabase.from("user_gymbros").delete().eq("gymbro_id", userToDelete.id) // Finally delete the user const { error } = await supabase.from("users").delete().eq("id", userToDelete.id) if (error) throw error // Update the users list setUsers(users.filter((user) => user.id !== userToDelete.id)) setError("") setSuccess(`User ${userToDelete.name} deleted successfully`) setTimeout(() => setSuccess(""), 3000) setIsDeleteDialogOpen(false) setUserToDelete(null) } catch (error) { console.error("Error deleting user:", error) setError("Failed to delete user") } finally { setIsDeleting(null) } } const handleLogout = () => { setIsAuthenticated(false) setUsername("") setPassword("") // Remove admin session from localStorage localStorage.removeItem("adminAuthenticated") } const formatDate = (dateString: string) => { const date = new Date(dateString) return date.toLocaleString() } if (!isAuthenticated) { return (

Admin Login

{error && (

{error}

)}

Username setUsername(e.target.value)} className="mt-1" />

Password setPassword(e.target.value)} className="mt-1" onKeyPress={(e) => { if (e.key === "Enter") { handleLogin() } }} />

) } return (

Admin Dashboard

{error && (

{error}

)} {success && (

{success}

)} {isLoading ? (

) : (

{/* Stats Card */}

{users.length}

Total Users

{users.map((user) => (

{user.name.charAt(0).toUpperCase()}

{user.name}

PIN: {showPins ? user.pin || "" : "••••••"} | Sets: {user.sets_per_workout}

{formatDate(user.created_at)}

))}

)}

{/* Delete User Confirmation Dialog */}

) } [V0_FILE]typescriptreact:file="components/auth-provider.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { createContext, useContext, useState, useEffect } from "react" import { useRouter } from "next/navigation" import { useSupabase } from "@/lib/supabase-provider" type User = { id: string name: string profile_color: string theme: string sets_per_workout: number } type AuthContextType = { user: User | null loading: boolean login: (name: string, pin: string) => Promise<{ success: boolean; error?: string }> logout: () => Promise createAccount: ( name: string, pin: string, workoutDays: number[], sets: number, defaultSetValues: number[], ) => Promise<{ success: boolean; error?: string }> updateUser: (updates: Partial) => Promise deleteAccount: () => Promise } const AuthContext = createContext(undefined) export function AuthProvider({ children }: { children: React.ReactNode }) { const { supabase } = useSupabase() const router = useRouter() const [user, setUser] = useState(null) const [loading, setLoading] = useState(true) useEffect(() => { const checkUser = async () => { try { const storedUserId = localStorage.getItem("userId") if (storedUserId) { const { data, error } = await supabase.from("users").select("*").eq("id", storedUserId).single() if (error || !data) { console.log("No user found or error:", error) localStorage.removeItem("userId") setUser(null) } else { console.log("User found:", data.name) setUser(data as User) } } } catch (error) { console.error("Error checking user:", error) localStorage.removeItem("userId") setUser(null) } finally { setLoading(false) } } checkUser() }, [supabase]) const login = async (name: string, pin: string) => { try { console.log("Login attempt:", { name, pin }) if (!name || !pin) { return { success: false, error: "Name and PIN are required" } } // Test connection first try { const { error: testError } = await supabase.from("users").select("count").limit(1) if (testError) { console.error("Database connection test failed:", testError) return { success: false, error: "Database connection failed. Please check your internet connection." } } } catch (testErr) { console.error("Database connection error:", testErr) return { success: false, error: "Unable to connect to database. Please check your internet connection." } } // First, get all users with this name const { data, error } = await supabase.from("users").select("*").eq("name", name) if (error) { console.error("Database error during login:", error) return { success: false, error: `Database error: ${error.message}` } } console.log("Users found with this name:", data?.length || 0) if (!data || data.length === 0) { console.log("No user found with this name") return { success: false, error: "Invalid credentials" } } // Find the user with matching PIN let matchingUser = data.find((user) => user.pin === pin) // TEMPORARY FIX: If no matching user found and there's a user with empty PIN, // update that user's PIN to the provided PIN and use it if (!matchingUser) { const userWithEmptyPin = data.find((user) => !user.pin || user.pin === "") if (userWithEmptyPin) { console.log("Found user with empty PIN, updating it to:", pin) // Update the user's PIN in the database const { error: updateError } = await supabase.from("users").update({ pin: pin }).eq("id", userWithEmptyPin.id) if (updateError) { console.error("Error updating PIN:", updateError) return { success: false, error: `Error updating PIN: ${updateError.message}` } } // Use this user for login matchingUser = { ...userWithEmptyPin, pin: pin } console.log("Successfully updated PIN and logging in user") } } if (!matchingUser) { console.log("No user found with matching PIN") return { success: false, error: "Invalid credentials" } } console.log("User found with matching PIN:", matchingUser.id) localStorage.setItem("userId", matchingUser.id) setUser(matchingUser as User) return { success: true } } catch (error) { console.error("Error logging in:", error) if (error instanceof TypeError && error.message.includes("fetch")) { return { success: false, error: "Network error. Please check your internet connection and try again." } } return { success: false, error: `Login error: ${error instanceof Error ? error.message : "Unknown error"}` } } } const logout = async () => { localStorage.removeItem("userId") setUser(null) router.push("/") } const createAccount = async ( name: string, pin: string, workoutDays: number[], sets: number, defaultSetValues: number[], ) => { try { console.log("Creating account:", { name, pin, workoutDays, sets, defaultSetValues }) if (!name || !pin) { return { success: false, error: "Name and PIN are required" } } // Test connection first try { const { error: testError } = await supabase.from("users").select("count").limit(1) if (testError) { console.error("Database connection test failed:", testError) return { success: false, error: "Database connection failed. Please check your internet connection." } } } catch (testErr) { console.error("Database connection error:", testErr) return { success: false, error: "Unable to connect to database. Please check your internet connection." } } // Check if user with this name already exists const { data: existingUsers, error: checkError } = await supabase.from("users").select("name").eq("name", name) if (checkError) { console.error("Error checking existing users:", checkError) return { success: false, error: `Database error: ${checkError.message}` } } if (existingUsers && existingUsers.length > 0) { return { success: false, error: "A user with this name already exists. Please choose a different name." } } // Create new user console.log("Inserting new user...") const { data: newUser, error: insertError } = await supabase .from("users") .insert({ name, pin, profile_color: "#3498db", sets_per_workout: sets, }) .select() if (insertError || !newUser || newUser.length === 0) { console.error("Error inserting user:", insertError) return { success: false, error: `Error creating account: ${insertError?.message || "No user returned"}`, } } const userId = newUser[0].id console.log("User created with ID:", userId) // Save workout days console.log("Saving workout days:", workoutDays) const schedulePromises = workoutDays.map(async (day) => { const { error: scheduleError } = await supabase.from("workout_schedules").insert({ user_id: userId, day_of_week: day, }) if (scheduleError) { console.error(`Error saving day ${day}:`, scheduleError) return scheduleError } return null }) const scheduleErrors = (await Promise.all(schedulePromises)).filter(Boolean) if (scheduleErrors.length > 0) { console.error("Errors saving days:", scheduleErrors) return { success: false, error: `Error saving days: ${scheduleErrors[0].message}`, } } // Save default set values console.log("Saving default set values:", defaultSetValues) const { error: defaultSetsError } = await supabase.from("default_sets").insert({ user_id: userId, set_values: defaultSetValues, }) if (defaultSetsError) { console.error("Error saving default values:", defaultSetsError) return { success: false, error: `Error saving default values: ${defaultSetsError.message}`, } } console.log("Account created successfully!") localStorage.setItem("userId", userId) setUser(newUser[0] as User) return { success: true } } catch (error) { console.error("Unexpected error creating account:", error) if (error instanceof TypeError && error.message.includes("fetch")) { return { success: false, error: "Network error. Please check your internet connection and try again." } } return { success: false, error: `Unexpected error: ${error instanceof Error ? error.message : String(error)}`, } } } const updateUser = async (updates: Partial) => { if (!user) return try { const { error } = await supabase.from("users").update(updates).eq("id", user.id) if (!error) { setUser({ ...user, ...updates }) } else { console.error("Error updating user:", error) } } catch (error) { console.error("Error updating user:", error) } } const deleteAccount = async () => { if (!user) return try { await supabase.from("users").delete().eq("id", user.id) localStorage.removeItem("userId") setUser(null) router.push("/") } catch (error) { console.error("Error deleting account:", error) } } return ( {children} ) } export const useAuth = () => { const context = useContext(AuthContext) if (context === undefined) { throw new Error("useAuth must be used inside AuthProvider") } return context } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Outfit, Space_Grotesk } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Toaster } from "@/components/ui/use-toast" import { SupabaseProvider } from "@/lib/supabase-provider" const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }) const outfit = Outfit({ subsets: ["latin"], variable: "--font-outfit" }) const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-space" }) export const metadata: Metadata = { title: "PushUp Tracker", description: "Track your push-ups with style", manifest: "/manifest.json", themeColor: "#000000", icons: { icon: [ { url: "/favicon.ico", sizes: "any" }, { url: "/icon-192x192.png", sizes: "192x192", type: "image/png" }, { url: "/icon-512x512.png", sizes: "512x512", type: "image/png" }, ], apple: [{ url: "/icon-192x192.png" }], }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.9", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "framer-motion": "12.23.26", "@supabase/supabase-js": "2.89.0", "@supabase/ssr": "0.8.0" }, "devDependencies": { "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/onboarding/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { useRouter } from "next/navigation" import { AuthProvider, useAuth } from "@/components/auth-provider" import { NumericKeypad } from "@/components/numeric-keypad" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { motion, AnimatePresence } from "framer-motion" import { Plus, Minus, Loader2, AlertCircle, ChevronRight, ChevronLeft, Dumbbell } from "lucide-react" const days = [ { value: 0, label: "S" }, { value: 1, label: "M" }, { value: 2, label: "T" }, { value: 3, label: "W" }, { value: 4, label: "T" }, { value: 5, label: "F" }, { value: 6, label: "S" }, ] function OnboardingContent() { const [step, setStep] = useState(1) const [name, setName] = useState("") const [pin, setPin] = useState("") const [sets, setSets] = useState(3) const [setValues, setSetValues] = useState([10, 10, 10]) const [selectedDays, setSelectedDays] = useState([1, 3, 5]) const [isLoggingIn, setIsLoggingIn] = useState(false) const [isCreatingAccount, setIsCreatingAccount] = useState(false) const [error, setError] = useState("") const { createAccount, login } = useAuth() const router = useRouter() const handleCreateAccount = async (pinValue: string) => { try { setIsCreatingAccount(true) setError("") const result = await createAccount(name, pinValue, selectedDays, sets, setValues.slice(0, sets)) if (result.success) { router.push("/home") } else { setError(result.error || "An unexpected error occurred") setIsCreatingAccount(false) } } catch (error) { setError(error instanceof Error ? error.message : "An unexpected error occurred") setIsCreatingAccount(false) } } const handleLogin = async (pinValue: string) => { try { setIsLoggingIn(true) setError("") const result = await login(name, pinValue) if (result.success) { router.push("/home") } else { setError(result.error || "Invalid credentials") setIsLoggingIn(false) } } catch (error) { setError("An unexpected error occurred") setIsLoggingIn(false) } } const handlePinComplete = (value: string) => { setPin(value) if (step === 3) { handleCreateAccount(value) } else if (step === 4) { handleLogin(value) } } const handleDayToggle = (day: number) => { setSelectedDays((prev) => (prev.includes(day) ? prev.filter((d) => d !== day) : [...prev, day])) } const handleSetChange = (value: number) => { if (value >= 1 && value <= 10) { setSets(value) if (value > setValues.length) { setSetValues([...setValues, ...Array(value - setValues.length).fill(10)]) } else { setSetValues(setValues.slice(0, value)) } } } const handleSetValueChange = (index: number, value: number) => { if (value >= 1) { const newSetValues = [...setValues] newSetValues[index] = value setSetValues(newSetValues) } } return (

{/* Header */}

PushUp Tracker Track your progress, reach your goals

{/* Content */}

{error && ( {error} )} {step === 1 && (

What's your name? setName(e.target.value)} className="h-13 text-base rounded-2xl bg-background border-2 border-transparent focus:border-primary" placeholder="Enter your name" />

)} {step === 2 && ( {/* Sets count */}

How many sets?

{sets}

{/* Set values */}

Push-ups per set

{setValues.slice(0, sets).map((value, index) => ( Set {index + 1}

{value}

))}

{/* Workout days */}

Workout days

{days.map((day) => ( ))}

{/* Navigation */}

)} {step === 3 && (

)} {step === 4 && (

)}

) } export default function OnboardingPage() { return ( ) } [V0_FILE]typescriptreact:file="components/numeric-keypad.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { X, Check } from "lucide-react" import { motion } from "framer-motion" interface NumericKeypadProps { onComplete: (value: string) => void maxLength?: number isPin?: boolean label?: string } export function NumericKeypad({ onComplete, maxLength = 6, isPin = false, label = "Enter PIN" }: NumericKeypadProps) { const [value, setValue] = useState("") const handleKeyPress = (key: string) => { if (value.length < maxLength) { const newValue = value + key setValue(newValue) if (newValue.length === maxLength && isPin) { onComplete(newValue) } } } const handleDelete = () => { setValue(value.slice(0, -1)) } const handleSubmit = () => { if (value.length > 0) { onComplete(value) } } return (

{label}

{Array.from({ length: maxLength }).map((_, i) => ( ))}

{[1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => ( handleKeyPress(num.toString())} className="h-14 rounded-2xl text-xl font-medium number-display surface-container-high active:bg-primary/10 transition-colors" > {num} ))} handleKeyPress("0")} className="h-14 rounded-2xl text-xl font-medium number-display surface-container-high active:bg-primary/10 transition-colors" > 0

) } [V0_FILE]typescriptreact:file="components/profile-avatar.tsx" isEdit="true" isMerged="true" "use client" import { useAuth } from "@/components/auth-provider" interface ProfileAvatarProps { size?: "sm" | "md" | "lg" showName?: boolean } export function ProfileAvatar({ size = "md", showName = false }: ProfileAvatarProps) { const { user } = useAuth() if (!user) return null const sizeClasses = { sm: "w-8 h-8 text-sm", md: "w-10 h-10 text-base", lg: "w-16 h-16 text-2xl", } const firstLetter = user.name.charAt(0).toUpperCase() return (

{firstLetter}

{showName && {user.name}}

) } [V0_FILE]typescriptreact:file="lib/supabase-provider.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { createContext, useContext, useState } from "react" import { createBrowserClient } from "@supabase/ssr" import type { Database } from "@/lib/database.types" type SupabaseContext = { supabase: ReturnType> } const Context = createContext(undefined) let supabaseInstance: ReturnType> | null = null function getSupabaseClient() { if (supabaseInstance) return supabaseInstance const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY if (!supabaseUrl || !supabaseAnonKey) { console.error("Missing Supabase environment variables") throw new Error("Missing Supabase environment variables") } supabaseInstance = createBrowserClient(supabaseUrl, supabaseAnonKey) return supabaseInstance } export function SupabaseProvider({ children }: { children: React.ReactNode }) { const [supabase] = useState(() => getSupabaseClient()) return {children} } export const useSupabase = () => { const context = useContext(Context) if (context === undefined) { throw new Error("useSupabase must be used inside SupabaseProvider") } return context } [V0_FILE]typescriptreact:file="components/navigation.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { usePathname, useRouter } from "next/navigation" import { Home, History, User } from "lucide-react" import { cn } from "@/lib/utils" import { useAuth } from "@/components/auth-provider" import { motion } from "framer-motion" export function Navigation() { const pathname = usePathname() const router = useRouter() const { user } = useAuth() const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted || !user) return null const navItems = [ { path: "/home", icon: Home, label: "Home" }, { path: "/history", icon: History, label: "History" }, { path: "/profile", icon: User, label: "Profile" }, ] return (

{navItems.map((item) => { const isActive = pathname === item.path return ( ) })}

) } [V0_FILE]typescriptreact:file="app/profile/page.tsx" isEdit="true" isMerged="true" "use client" import { DialogTrigger } from "@/components/ui/dialog" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import { AuthProvider, useAuth } from "@/components/auth-provider" import { Navigation } from "@/components/navigation" import { ProfileAvatar } from "@/components/profile-avatar" import { Button } from "@/components/ui/button" import { NumericKeypad } from "@/components/numeric-keypad" import { LogOut, Moon, Sun, Palette, Key, Trash2, AlertTriangle, Download, Smartphone, Copy, ExternalLink, ChevronRight, } from "lucide-react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from "@/components/ui/dialog" import { useTheme } from "next-themes" import { motion, AnimatePresence } from "framer-motion" const PREDEFINED_COLORS = [ "#3b82f6", // Blue "#10b981", // Emerald "#8b5cf6", // Violet "#f59e0b", // Amber "#ef4444", // Red "#ec4899", // Pink "#06b6d4", // Cyan "#84cc16", // Lime "#f97316", // Orange "#6366f1", // Indigo "#14b8a6", // Teal "#a855f7", // Purple ] function ProfilePage() { const { user, loading, logout, updateUser, deleteAccount } = useAuth() const router = useRouter() const { theme, setTheme } = useTheme() const [isPinDialogOpen, setIsPinDialogOpen] = useState(false) const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false) const [isColorDialogOpen, setIsColorDialogOpen] = useState(false) const [isInstallDialogOpen, setIsInstallDialogOpen] = useState(false) const [mounted, setMounted] = useState(false) const [error, setError] = useState("") const [success, setSuccess] = useState("") useEffect(() => { setMounted(true) }, []) useEffect(() => { if (!loading && !user) { router.push("/") } }, [loading, user, router]) const handleChangePin = async (pin: string) => { if (!user) return try { await updateUser({ pin }) setIsPinDialogOpen(false) setError("") setSuccess("PIN updated successfully!") setTimeout(() => setSuccess(""), 3000) } catch (error) { setError("Unable to update PIN") } } const handleChangeTheme = () => { if (!user) return const newTheme = theme === "dark" ? "light" : "dark" setTheme(newTheme) updateUser({ theme: newTheme }) } const handleChangeColor = async (color: string) => { if (!user) return try { await updateUser({ profile_color: color }) setIsColorDialogOpen(false) setError("") setSuccess("Profile color updated!") setTimeout(() => setSuccess(""), 3000) } catch (error) { setError("Unable to update color") } } const handleLogout = async () => { await logout() router.push("/") } const handleDeleteAccountConfirm = async () => { try { await deleteAccount() router.push("/") } catch (error) { setError("Unable to delete account") } } const handleCopyLink = async () => { try { await navigator.clipboard.writeText("https://pushups.site/home") setSuccess("Link copied to clipboard!") setTimeout(() => setSuccess(""), 3000) } catch (error) { setError("Unable to copy link") } } const handleDownloadApp = () => { window.open( "https://gsf-fl.softonic.com/d22/76a/3edbaff007fae0f8a14f6df3c27810d331/com-deltacdev-websiteshortcut-35-65179981-57773cd508dc84cc597bcf287c00a91d.apk?Expires=1750656436&Signature=77e4e40c5cd42a725d1589e5208ed1c1f7f2eb7f&url=https://website-shortcut.en.softonic.com/android&Filename=com-deltacdev-websiteshortcut-35-65179981-57773cd508dc84cc597bcf287c00a91d.apk", "_blank", ) } const handleDownloadLogo = () => { window.open( "https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjg1ODNkYTc2ODZjODE5MWFkNDJjOGQ4ZjNmZDhiNDU6ZmlsZV8wMDAwMDAwMGI3ODQ2MWY4OWZiMGEwM2Y2YjAzYzU3OSIsInRzIjoiNDg2MjgxIiwicCI6InB5aSIsInNpZyI6IjUwZmYyOTY3ZDIwNGE2MDkxMDExMDI1M2Y2OTcyNjYwZDkyNjk2ODhmMWJhN2VmODdkYmUxZGM1ZmJkOWQ4OTIiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ==", "_blank", ) } if (loading || !user || !mounted) { return null } return (

{/* Header */}

Profile

{user.name}

Push-up enthusiast

{/* Messages */} {error && ( {error} )} {success && ( {success} )} {/* Settings */}

{/* Danger zone */}

Danger Zone

) } export default function ProfilePageWrapper() { return ( ) } [V0_FILE]typescriptreact:file="app/history/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import { AuthProvider, useAuth } from "@/components/auth-provider" import { Navigation } from "@/components/navigation" import { Button } from "@/components/ui/button" import { useSupabase } from "@/lib/supabase-provider" import { formatDate } from "@/lib/utils" import { Calendar, Trash2, Plus, Minus, TrendingUp, List, ChevronLeft, ChevronRight } from "lucide-react" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { motion, AnimatePresence } from "framer-motion" import { format } from "date-fns" import { enUS } from "date-fns/locale" interface Workout { id: string date: string set_values: number[] sets: number } interface ProgressRecord { total: number dates: string[] firstDate: string lastDate: string } function HistoryPage() { const { user, loading } = useAuth() const { supabase } = useSupabase() const router = useRouter() const [workouts, setWorkouts] = useState([]) const [isLoading, setIsLoading] = useState(true) const [isAddDialogOpen, setIsAddDialogOpen] = useState(false) const [selectedDate, setSelectedDate] = useState(formatDate(new Date())) const [customSetValues, setCustomSetValues] = useState([10, 10, 10]) const [defaultSetValues, setDefaultSetValues] = useState([10, 10, 10]) const [viewMode, setViewMode] = useState<"list" | "progress">("list") const [progressRecords, setProgressRecords] = useState([]) const [selectedRecordIndex, setSelectedRecordIndex] = useState(0) const [error, setError] = useState("") useEffect(() => { if (!loading && !user) { router.push("/") } }, [loading, user, router]) useEffect(() => { if (user) { fetchWorkouts() fetchDefaultSetValues() } }, [user]) useEffect(() => { if (workouts.length > 0) { calculateProgressRecords() } }, [workouts]) const fetchDefaultSetValues = async () => { if (!user) return try { const { data, error } = await supabase.from("default_sets").select("set_values").eq("user_id", user.id).single() if (error) return if (data) { setDefaultSetValues(data.set_values) setCustomSetValues(data.set_values) } } catch (error) { console.error("Error fetching default set values:", error) } } const fetchWorkouts = async () => { if (!user) return try { setIsLoading(true) const { data, error } = await supabase .from("workouts") .select("*") .eq("user_id", user.id) .order("date", { ascending: false }) if (error) throw error setWorkouts(data as Workout[]) setIsLoading(false) } catch (error) { setIsLoading(false) } } const calculateProgressRecords = () => { const workoutsByTotal: { [key: number]: string[] } = {} workouts.forEach((workout) => { const total = workout.set_values.reduce((sum, val) => sum + val, 0) if (!workoutsByTotal[total]) { workoutsByTotal[total] = [] } workoutsByTotal[total].push(workout.date) }) const allRecords: ProgressRecord[] = [] Object.entries(workoutsByTotal).forEach(([totalStr, dates]) => { const total = Number.parseInt(totalStr) const sortedDates = dates.sort() allRecords.push({ total, dates: sortedDates, firstDate: sortedDates[0], lastDate: sortedDates[sortedDates.length - 1], }) }) allRecords.sort((a, b) => a.total - b.total) const progressiveRecords: ProgressRecord[] = [] let lastTotal = 0 allRecords.forEach((record) => { if (record.total > lastTotal) { progressiveRecords.push(record) lastTotal = record.total } }) setProgressRecords(progressiveRecords) if (progressiveRecords.length > 0) { setSelectedRecordIndex(progressiveRecords.length - 1) } } const handleDeleteWorkout = async (id: string) => { if (!user) return try { const { error } = await supabase.from("workouts").delete().eq("id", id) if (error) throw error setWorkouts(workouts.filter((workout) => workout.id !== id)) setError("") } catch (error) { setError("Unable to delete the workout") } } const handleAddWorkout = async () => { if (!user) return try { if (customSetValues.some((val) => val <= 0)) { setError("All values must be greater than zero") return } const existingWorkout = workouts.find((w) => w.date === selectedDate) if (existingWorkout) { const { error } = await supabase .from("workouts") .update({ set_values: customSetValues, sets: customSetValues.length, }) .eq("id", existingWorkout.id) if (error) throw error setWorkouts( workouts.map((w) => w.id === existingWorkout.id ? { ...w, set_values: customSetValues, sets: customSetValues.length } : w, ), ) } else { const { data, error } = await supabase .from("workouts") .insert({ user_id: user.id, date: selectedDate, set_values: customSetValues, sets: customSetValues.length, }) .select() .single() if (error) throw error setWorkouts([data as Workout, ...workouts]) } setIsAddDialogOpen(false) setError("") } catch (error) { setError("Unable to record the workout") } } const handleSetValueChange = (index: number, value: number) => { if (value >= 1) { const newSetValues = [...customSetValues] newSetValues[index] = value setCustomSetValues(newSetValues) } } const formatWorkoutDate = (dateString: string) => { const date = new Date(dateString) return format(date, "EEE, MMM d", { locale: enUS }) } const handleAddDialogOpen = () => { setSelectedDate(formatDate(new Date())) setCustomSetValues([...defaultSetValues]) setIsAddDialogOpen(true) } if (loading || !user) { return null } return (

{/* Header */}

History

{error && ( {error} )} {isLoading ? (

) : workouts.length === 0 ? (

No workouts recorded

) : viewMode === "list" ? (

{workouts.map((workout, index) => (

{formatWorkoutDate(workout.date)}

{workout.set_values.map((value, i) => ( {value} ))}

{workout.set_values.reduce((sum, val) => sum + val, 0)} total

))}

) : (

{progressRecords.length > 0 && ( <>

Progress Record

{selectedRecordIndex + 1} of {progressRecords.length}

{progressRecords[selectedRecordIndex] && (

{progressRecords[selectedRecordIndex].total}

push-ups record

Period

{format(new Date(progressRecords[selectedRecordIndex].firstDate), "MMM d", { locale: enUS, })} {progressRecords[selectedRecordIndex].firstDate !== progressRecords[selectedRecordIndex].lastDate && ` - ${format(new Date(progressRecords[selectedRecordIndex].lastDate), "MMM d", { locale: enUS })}`}

Sessions

{progressRecords[selectedRecordIndex].dates.length}

{selectedRecordIndex > 0 && (

+ {progressRecords[selectedRecordIndex].total - progressRecords[selectedRecordIndex - 1].total}{" "} improvement

)}

{progressRecords.map((_, index) => (

)}

)} {/* Add workout dialog */}

) } export default function HistoryPageWrapper() { return ( ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { /* Material You - Light Theme - Blue/Indigo palette */ --background: 240 15% 98%; --foreground: 240 10% 10%; --card: 0 0% 100%; --card-foreground: 240 10% 10%; --popover: 0 0% 100%; --popover-foreground: 240 10% 10%; --primary: 230 85% 55%; --primary-foreground: 0 0% 100%; --secondary: 230 30% 94%; --secondary-foreground: 230 60% 30%; --muted: 240 10% 93%; --muted-foreground: 240 5% 45%; --accent: 230 40% 90%; --accent-foreground: 230 70% 25%; --destructive: 0 72% 51%; --destructive-foreground: 0 0% 100%; --border: 240 10% 90%; --input: 240 10% 90%; --ring: 230 85% 55%; --radius: 1rem; /* Surface tones */ --surface-dim: 240 15% 94%; --surface-bright: 0 0% 100%; --surface-container-lowest: 0 0% 100%; --surface-container-low: 240 15% 97%; --surface-container: 240 15% 95%; --surface-container-high: 240 15% 93%; --surface-container-highest: 240 15% 91%; /* Success color - dark blue instead of teal */ --success: 220 50% 35%; --success-foreground: 0 0% 100%; } .dark { /* Material You - Dark Theme - Blue/Indigo palette */ --background: 240 15% 8%; --foreground: 240 10% 95%; --card: 240 15% 12%; --card-foreground: 240 10% 95%; --popover: 240 15% 10%; --popover-foreground: 240 10% 95%; --primary: 230 80% 65%; --primary-foreground: 230 100% 10%; --secondary: 240 15% 18%; --secondary-foreground: 240 10% 85%; --muted: 240 15% 16%; --muted-foreground: 240 10% 55%; --accent: 230 30% 22%; --accent-foreground: 230 60% 85%; --destructive: 0 62% 55%; --destructive-foreground: 0 0% 100%; --border: 240 15% 20%; --input: 240 15% 20%; --ring: 230 80% 65%; /* Surface tones - dark */ --surface-dim: 240 15% 6%; --surface-bright: 240 15% 18%; --surface-container-lowest: 240 15% 5%; --surface-container-low: 240 15% 10%; --surface-container: 240 15% 12%; --surface-container-high: 240 15% 15%; --surface-container-highest: 240 15% 18%; /* Success color - dark blue for dark mode */ --success: 220 45% 30%; --success-foreground: 0 0% 100%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground antialiased; font-feature-settings: "rlig" 1, "calt" 1; -webkit-tap-highlight-color: transparent; } } /* Font utilities */ .font-outfit { font-family: var(--font-outfit); } .font-space { font-family: var(--font-space); } /* Number display */ .number-display { font-family: var(--font-space); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; } /* Surface containers */ .surface-container { background: hsl(var(--surface-container)); } .surface-container-low { background: hsl(var(--surface-container-low)); } .surface-container-high { background: hsl(var(--surface-container-high)); } .surface-container-highest { background: hsl(var(--surface-container-highest)); } /* Material 3 Cards */ .m3-card { border-radius: 24px; background: hsl(var(--card)); transition: all 0.2s cubic-bezier(0.2, 0, 0, 1); } .m3-card-elevated { border-radius: 24px; background: hsl(var(--card)); box-shadow: 0 1px 2px hsl(var(--foreground) / 0.08), 0 2px 8px hsl(var(--foreground) / 0.04); } .m3-card-filled { border-radius: 24px; background: hsl(var(--surface-container-high)); } .m3-card-outlined { border-radius: 24px; background: transparent; border: 1px solid hsl(var(--border)); } /* Material 3 Chips */ .m3-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; font-size: 0.8125rem; font-weight: 500; transition: all 0.15s ease; } .m3-chip-filled { background: hsl(var(--secondary)); color: hsl(var(--secondary-foreground)); } /* Primary card state - for workout completed */ .primary-surface { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); } .primary-surface .text-muted-foreground { color: hsl(var(--primary-foreground) / 0.8); } /* Smooth scroll */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* Safe area */ .pb-safe { padding-bottom: max(env(safe-area-inset-bottom), 1.5rem); } [V0_FILE]typescriptreact:file="app/home/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import { AuthProvider, useAuth } from "@/components/auth-provider" import { Navigation } from "@/components/navigation" import { ProfileAvatar } from "@/components/profile-avatar" import { Button } from "@/components/ui/button" import { useSupabase } from "@/lib/supabase-provider" import { formatNumber, getWeekDates, formatDate, getDayLetter } from "@/lib/utils" import { Edit3, Plus, Minus, UserPlus, ChevronDown, ArrowLeft, Eye, Trash2, Calendar, Check, Flame, Target, } from "lucide-react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, DropdownMenuItem, DropdownMenuSeparator, } from "@/components/ui/dropdown-menu" import { Label } from "@/components/ui/label" import { motion, AnimatePresence } from "framer-motion" import { format } from "date-fns" import { enUS } from "date-fns/locale" interface WorkoutStats { today: number[] latest: number[] thisMonth: number streak: number hasWorkedOutToday: boolean } interface WorkoutSchedule { days: number[] } interface DefaultSets { set_values: number[] } interface Gymbro { id: string name: string pin: string profile_color: string todayWorkout: number[] latestWorkout: number[] streak: number hasWorkedOutToday: boolean } interface Workout { id: string date: string set_values: number[] sets: number } function HomePage() { const { user, loading } = useAuth() const { supabase } = useSupabase() const router = useRouter() const [stats, setStats] = useState({ today: [], latest: [], thisMonth: 0, streak: 0, hasWorkedOutToday: false, }) const [schedule, setSchedule] = useState({ days: [] }) const [weekDates, setWeekDates] = useState(getWeekDates()) const [isCustomDialogOpen, setIsCustomDialogOpen] = useState(false) const [isGymbriDialogOpen, setIsGymbriDialogOpen] = useState(false) const [isLoading, setIsLoading] = useState(true) const [defaultSets, setDefaultSets] = useState(null) const [customSetValues, setCustomSetValues] = useState([]) const [workoutDays, setWorkoutDays] = useState([]) const [gymbros, setGymbros] = useState([]) const [currentGymbro, setCurrentGymbro] = useState(null) const [gymbroName, setGymbroName] = useState("") const [gymbroPin, setGymbroPin] = useState("") const [isLoadingGymbro, setIsLoadingGymbro] = useState(false) const [error, setError] = useState("") const [isSpyingMode, setIsSpyingMode] = useState(false) const [gymbroStats, setGymbroStats] = useState({ today: [], latest: [], thisMonth: 0, streak: 0, hasWorkedOutToday: false, }) const [gymbroWorkouts, setGymbroWorkouts] = useState([]) useEffect(() => { if (!loading && !user) { router.push("/") } }, [loading, user, router]) useEffect(() => { if (user) { fetchData() } }, [user]) const calculateStreak = async (userId: string, userSchedule: number[]) => { try { const { data: streakData } = await supabase .from("workouts") .select("date") .eq("user_id", userId) .order("date", { ascending: false }) .limit(100) if (!streakData || streakData.length === 0) { return 0 } const workoutDates = streakData.map((item) => new Date(item.date)) workoutDates.sort((a, b) => b.getTime() - a.getTime()) const today = new Date() today.setHours(0, 0, 0, 0) let streak = 0 const currentDate = new Date(today) while (true) { const dayOfWeek = currentDate.getDay() const isScheduledDay = userSchedule.includes(dayOfWeek) const dateStr = currentDate.toDateString() const hasWorkout = workoutDates.some((date) => date.toDateString() === dateStr) if (hasWorkout) { streak++ } else if (!isScheduledDay) { break } currentDate.setDate(currentDate.getDate() - 1) if (streak > 100) break } return streak } catch (error) { console.error("Error calculating streak:", error) return 0 } } const fetchGymbro = async (gymbroId: string) => { try { const { data: gymbroData, error } = await supabase.from("users").select("*").eq("id", gymbroId).single() if (error || !gymbroData) { return null } const { data: gymbroScheduleData } = await supabase .from("workout_schedules") .select("day_of_week") .eq("user_id", gymbroData.id) const gymbroSchedule = gymbroScheduleData ? gymbroScheduleData.map((item) => item.day_of_week) : [] const today = formatDate(new Date()) const { data: gymbroTodayWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", gymbroData.id) .eq("date", today) .single() const { data: gymbroLatestWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", gymbroData.id) .order("date", { ascending: false }) .limit(1) .single() const gymbroStreak = await calculateStreak(gymbroData.id, gymbroSchedule) const hasWorkedOutToday = !!gymbroTodayWorkout return { id: gymbroData.id, name: gymbroData.name, pin: gymbroData.pin, profile_color: gymbroData.profile_color || "#3498db", todayWorkout: gymbroTodayWorkout ? gymbroTodayWorkout.set_values : [], latestWorkout: gymbroLatestWorkout ? gymbroLatestWorkout.set_values : [], streak: gymbroStreak, hasWorkedOutToday, } } catch (error) { return null } } const fetchAllGymbros = async () => { if (!user) return try { const { data: gymbroRelations, error } = await supabase .from("user_gymbros") .select("gymbro_id") .eq("user_id", user.id) if (error) { return } if (!gymbroRelations || gymbroRelations.length === 0) { const { data: userData } = await supabase.from("users").select("gymbro_id").eq("id", user.id).single() if (userData?.gymbro_id) { const gymbroData = await fetchGymbro(userData?.gymbro_id) if (gymbroData) { setGymbros([gymbroData]) setCurrentGymbro(gymbroData) } } return } const gymbroPromises = gymbroRelations.map((relation) => fetchGymbro(relation.gymbro_id)) const gymbroResults = await Promise.all(gymbroPromises) const validGymbros = gymbroResults.filter((gymbro) => gymbro !== null) as Gymbro[] setGymbros(validGymbros) if (validGymbros.length > 0) { setCurrentGymbro(validGymbros[0]) } } catch (error) { console.error("Error fetching all gymbros:", error) } } const fetchGymbroStats = async (gymbroId: string) => { try { const today = formatDate(new Date()) const { data: todayWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", gymbroId) .eq("date", today) .single() const { data: latestWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", gymbroId) .order("date", { ascending: false }) .limit(1) .single() const now = new Date() const monthStart = formatDate(new Date(now.getFullYear(), now.getMonth(), 1)) const monthEnd = formatDate(new Date(now.getFullYear(), now.getMonth() + 1, 0)) const { data: monthWorkouts } = await supabase .from("workouts") .select("set_values") .eq("user_id", gymbroId) .gte("date", monthStart) .lte("date", monthEnd) const { data: scheduleData } = await supabase .from("workout_schedules") .select("day_of_week") .eq("user_id", gymbroId) const gymbroSchedule = scheduleData ? scheduleData.map((item) => item.day_of_week) : [] const streak = await calculateStreak(gymbroId, gymbroSchedule) const todayValues = todayWorkout ? todayWorkout.set_values : [] const latestValues = latestWorkout ? latestWorkout.set_values : [] const hasWorkedOutToday = !!todayWorkout const monthTotal = monthWorkouts ? monthWorkouts.reduce((sum, workout) => sum + workout.set_values.reduce((s, val) => s + val, 0), 0) : 0 setGymbroStats({ today: todayValues, latest: latestValues, thisMonth: monthTotal, streak, hasWorkedOutToday, }) } catch (error) { console.error("Error fetching gymbro stats:", error) } } const fetchGymbroWorkouts = async (gymbroId: string) => { try { const { data, error } = await supabase .from("workouts") .select("*") .eq("user_id", gymbroId) .order("date", { ascending: false }) .limit(20) if (error) throw error setGymbroWorkouts(data as Workout[]) } catch (error) { console.error("Error fetching gymbro workouts:", error) } } const fetchData = async () => { if (!user) return try { setIsLoading(true) await fetchAllGymbros() const { data: scheduleData } = await supabase .from("workout_schedules") .select("day_of_week") .eq("user_id", user.id) let userSchedule: number[] = [] if (scheduleData) { userSchedule = scheduleData.map((item) => item.day_of_week) setSchedule({ days: userSchedule, }) } const { data: defaultSetsData } = await supabase .from("default_sets") .select("set_values") .eq("user_id", user.id) .single() if (defaultSetsData) { setDefaultSets(defaultSetsData) setCustomSetValues(defaultSetsData.set_values) } else { const defaultValues = Array(user.sets_per_workout).fill(10) await supabase.from("default_sets").insert({ user_id: user.id, set_values: defaultValues, }) setDefaultSets({ set_values: defaultValues }) setCustomSetValues(defaultValues) } const today = formatDate(new Date()) const { data: todayWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", user.id) .eq("date", today) .single() const { data: latestWorkout } = await supabase .from("workouts") .select("set_values") .eq("user_id", user.id) .order("date", { ascending: false }) .limit(1) .single() const weekStart = formatDate(weekDates[0]) const weekEnd = formatDate(weekDates[6]) const { data: weekWorkouts } = await supabase .from("workouts") .select("set_values, date") .eq("user_id", user.id) .gte("date", weekStart) .lte("date", weekEnd) if (weekWorkouts) { const days = weekWorkouts.map((workout) => workout.date) setWorkoutDays(days) } const now = new Date() const monthStart = formatDate(new Date(now.getFullYear(), now.getMonth(), 1)) const monthEnd = formatDate(new Date(now.getFullYear(), now.getMonth() + 1, 0)) const { data: monthWorkouts } = await supabase .from("workouts") .select("set_values") .eq("user_id", user.id) .gte("date", monthStart) .lte("date", monthEnd) const streak = await calculateStreak(user.id, userSchedule) const todayValues = todayWorkout ? todayWorkout.set_values : [] const latestValues = latestWorkout ? latestWorkout.set_values : [] const hasWorkedOutToday = !!todayWorkout const monthTotal = monthWorkouts ? monthWorkouts.reduce((sum, workout) => sum + workout.set_values.reduce((s, val) => s + val, 0), 0) : 0 setStats({ today: todayValues, latest: latestValues, thisMonth: monthTotal, streak, hasWorkedOutToday, }) setIsLoading(false) } catch (error) { console.error("Error fetching data:", error) setIsLoading(false) } } const handleAddGymbro = async () => { if (!gymbroName || !gymbroPin || !user) { setError("Please enter both name and PIN") return } try { setIsLoadingGymbro(true) setError("") const { data, error } = await supabase.from("users").select("*").eq("name", gymbroName) if (error) { setError("Error searching for user") setIsLoadingGymbro(false) return } if (!data || data.length === 0) { setError("No user with that name exists") setIsLoadingGymbro(false) return } const gymbroData = data.find((user) => { return user.pin === gymbroPin || user.pin === Number.parseInt(gymbroPin) || user.pin.toString() === gymbroPin }) if (!gymbroData) { setError("The PIN doesn't match this user") setIsLoadingGymbro(false) return } const existingGymbro = gymbros.find((g) => g.id === gymbroData.id) if (existingGymbro) { setError("This gymbro is already added") setIsLoadingGymbro(false) return } const { error: insertError } = await supabase.from("user_gymbros").insert({ user_id: user.id, gymbro_id: gymbroData.id, }) if (insertError) { setError("Failed to add gymbro") setIsLoadingGymbro(false) return } const completeGymbroData = await fetchGymbro(gymbroData.id) if (completeGymbroData) { const newGymbros = [...gymbros, completeGymbroData] setGymbros(newGymbros) if (!currentGymbro) { setCurrentGymbro(completeGymbroData) } } setIsGymbriDialogOpen(false) setGymbroName("") setGymbroPin("") setError("") } catch (error) { setError("Failed to add gymbro") } finally { setIsLoadingGymbro(false) } } const handleRemoveGymbro = async (gymbroToRemove: Gymbro) => { if (!user) return try { const { error } = await supabase .from("user_gymbros") .delete() .eq("user_id", user.id) .eq("gymbro_id", gymbroToRemove.id) if (error) { setError("Failed to remove gymbro") return } const newGymbros = gymbros.filter((g) => g.id !== gymbroToRemove.id) setGymbros(newGymbros) if (currentGymbro?.id === gymbroToRemove.id) { setCurrentGymbro(newGymbros.length > 0 ? newGymbros[0] : null) } setError("") } catch (error) { setError("Failed to remove gymbro") } } const handleSwitchGymbro = (gymbro: Gymbro) => { setCurrentGymbro(gymbro) } const handleSpyOnGymbro = async () => { if (!currentGymbro) return setIsSpyingMode(true) await fetchGymbroStats(currentGymbro.id) await fetchGymbroWorkouts(currentGymbro.id) } const handleGoBack = () => { setIsSpyingMode(false) setGymbroStats({ today: [], latest: [], thisMonth: 0, streak: 0, hasWorkedOutToday: false }) setGymbroWorkouts([]) } const handleQuickAdd = async () => { if (!user || !defaultSets) return try { const today = formatDate(new Date()) const { data: existingWorkout } = await supabase .from("workouts") .select("id") .eq("user_id", user.id) .eq("date", today) .single() if (existingWorkout) { setError("You've already recorded a workout today") return } const { error } = await supabase.from("workouts").insert({ user_id: user.id, date: today, set_values: defaultSets.set_values, sets: defaultSets.set_values.length, }) if (error) throw error fetchData() setError("") } catch (error) { setError("Unable to record the workout") } } const handleCustomAdd = async () => { if (!user) return try { if (customSetValues.some((val) => val <= 0)) { setError("All values must be greater than zero") return } const today = formatDate(new Date()) const { data: existingWorkout } = await supabase .from("workouts") .select("id") .eq("user_id", user.id) .eq("date", today) .single() if (existingWorkout) { const { error } = await supabase .from("workouts") .update({ set_values: customSetValues, sets: customSetValues.length, }) .eq("id", existingWorkout.id) if (error) throw error } else { const { error } = await supabase.from("workouts").insert({ user_id: user.id, date: today, set_values: customSetValues, sets: customSetValues.length, }) if (error) throw error } await supabase .from("default_sets") .update({ set_values: customSetValues, }) .eq("user_id", user.id) setIsCustomDialogOpen(false) fetchData() setError("") } catch (error) { setError("Unable to record the workout") } } const handleSetValueChange = (index: number, value: number) => { if (value >= 1) { const newSetValues = [...customSetValues] newSetValues[index] = value setCustomSetValues(newSetValues) } } const formatTodayPushups = (values: number[]) => { if (!values || values.length === 0) { return "0" } return values.join(" + ") } const formatGymbroPushups = () => { if (!currentGymbro) return "0" if (currentGymbro.hasWorkedOutToday) { return currentGymbro.todayWorkout.length > 0 ? currentGymbro.todayWorkout.join(" + ") : "0" } else { return currentGymbro.latestWorkout.length > 0 ? currentGymbro.latestWorkout.join(" + ") : "0" } } const formatWorkoutDate = (dateString: string) => { const date = new Date(dateString) return format(date, "EEEE, MMMM d, yyyy", { locale: enUS }) } if (loading || !user) { return null } // Spying mode view if (isSpyingMode && currentGymbro) { return (

{/* Header */}

{currentGymbro.name}

{/* Stats card */}

{gymbroStats.hasWorkedOutToday ? "Today's workout" : "Latest workout"}

{formatTodayPushups(gymbroStats.hasWorkedOutToday ? gymbroStats.today : gymbroStats.latest)} {((gymbroStats.hasWorkedOutToday && gymbroStats.today.length > 0) || (!gymbroStats.hasWorkedOutToday && gymbroStats.latest.length > 0)) && (

Total:{" "} {(gymbroStats.hasWorkedOutToday ? gymbroStats.today : gymbroStats.latest).reduce( (sum, val) => sum + val, 0, )}{" "} push-ups

)}

{formatNumber(gymbroStats.thisMonth)}

this month

{gymbroStats.streak}

streak

{/* Recent workouts */}

Recent Workouts

{gymbroWorkouts.length === 0 ? (

No workouts recorded

) : ( gymbroWorkouts.slice(0, 10).map((workout, index) => (

{formatWorkoutDate(workout.date)}

{workout.set_values.map((value, i) => ( {value} ))} = {workout.set_values.reduce((sum, val) => sum + val, 0)}

)) )}

) } // Main home view return (

{/* Header */}

{currentGymbro ? (

{gymbros.length > 1 && ( <>

Switch

{gymbros.map((gymbro) => ( handleSwitchGymbro(gymbro)} className="rounded-xl py-2.5" >

{gymbro.name.charAt(0).toUpperCase()}

{gymbro.name}

{currentGymbro?.id === gymbro.id && } ))} )} setIsGymbriDialogOpen(true)} className="rounded-xl py-2.5"> Add Gymbro {gymbros.length > 0 && ( <> {gymbros.map((gymbro) => ( handleRemoveGymbro(gymbro)} className="rounded-xl py-2.5 text-destructive focus:text-destructive" > Remove {gymbro.name} ))} )}

) : ( )}

{/* Error message */} {error && ( {error} )} {/* Main stats card */}

{stats.hasWorkedOutToday ? "Today's workout" : "Latest workout"}

{formatTodayPushups(stats.hasWorkedOutToday ? stats.today : stats.latest)} {((stats.hasWorkedOutToday && stats.today.length > 0) || (!stats.hasWorkedOutToday && stats.latest.length > 0)) && (

Total: {(stats.hasWorkedOutToday ? stats.today : stats.latest).reduce((sum, val) => sum + val, 0)}{" "} push-ups

)}

{formatNumber(stats.thisMonth)}

this month

{stats.streak}

streak

{/* Week calendar */}

This Week

{weekDates.map((date, index) => { const dayOfWeek = date.getDay() const dayLetter = getDayLetter(dayOfWeek) const isToday = new Date().toDateString() === date.toDateString() const isScheduled = schedule.days.includes(dayOfWeek) const dateStr = formatDate(date) const hasWorkout = workoutDays.includes(dateStr) return (

{dayLetter}

{isScheduled && !hasWorkout && } {hasWorkout && }

) })}

{/* Action buttons */} {stats.hasWorkedOutToday ? "Workout Recorded" : "Record Today's Workout"}

{/* Add Gymbro Dialog */}

) } export default function HomePageWrapper() { return ( ) }

Admin Login

Admin Dashboard

{label}

Profile

{user.name}

iPhone

Android

History

Recent Workouts

This Week