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:
29
src/components/dashboard/mini-calendar.tsx
Normal file
29
src/components/dashboard/mini-calendar.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// ABOUTME: Compact calendar widget for the dashboard.
|
||||
// ABOUTME: Shows current month with color-coded cycle phases.
|
||||
interface MiniCalendarProps {
|
||||
currentDate: Date;
|
||||
cycleDay: number;
|
||||
phase: string;
|
||||
}
|
||||
|
||||
export function MiniCalendar({
|
||||
currentDate,
|
||||
cycleDay,
|
||||
phase,
|
||||
}: MiniCalendarProps) {
|
||||
return (
|
||||
<div className="rounded-lg border p-4">
|
||||
<h3 className="font-semibold mb-4">
|
||||
Day {cycleDay} • {phase}
|
||||
</h3>
|
||||
<p className="text-sm text-gray-500">
|
||||
{currentDate.toLocaleDateString("en-US", {
|
||||
month: "long",
|
||||
year: "numeric",
|
||||
})}
|
||||
</p>
|
||||
{/* Full calendar grid will be implemented here */}
|
||||
<p className="text-gray-400 text-xs mt-4">Calendar grid placeholder</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user