Initial project setup for PhaseFlow
Set up Next.js 16 project with TypeScript for a training decision app that integrates menstrual cycle phases with Garmin biometrics for Hashimoto's thyroiditis management. Stack: Next.js 16, React 19, Tailwind/shadcn, PocketBase, Drizzle, Zod, Resend, Vitest, Biome, Lefthook, Nix dev environment. Includes: - 7 page routes (dashboard, login, settings, calendar, history, plan) - 12 API endpoints (garmin, user, cycle, calendar, overrides, cron) - Core lib utilities (decision engine, cycle phases, nutrition, ICS) - Type definitions and component scaffolding - Python script for Garmin token bootstrapping - Initial unit tests for cycle utilities 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
17
src/components/dashboard/decision-card.tsx
Normal file
17
src/components/dashboard/decision-card.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
// ABOUTME: Dashboard card displaying today's training decision.
|
||||
// ABOUTME: Shows decision status, icon, and reason prominently.
|
||||
import type { Decision } from "@/types";
|
||||
|
||||
interface DecisionCardProps {
|
||||
decision: Decision;
|
||||
}
|
||||
|
||||
export function DecisionCard({ decision }: DecisionCardProps) {
|
||||
return (
|
||||
<div className="rounded-lg border p-6">
|
||||
<div className="text-4xl mb-2">{decision.icon}</div>
|
||||
<h2 className="text-2xl font-bold">{decision.status}</h2>
|
||||
<p className="text-gray-600">{decision.reason}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user