Epic 1 Stories (E1.S1 t/m E1.S6): ✨ E1.S1 - Verwijder EPD demo pagina - Removed /epd route en credentials-box component - Updated navigation: EPD Prototype → Login link - Removed demo_users references from middleware en auth libs - Cleaned up TypeScript errors in hero-section-2 ✨ E1.S2 - Homepage vereenvoudigen - Replaced lange manifesto (8000+ woorden) met statement section - Added problem-solution-proof format (3 paragrafen) - Removed comparison table, experiment CTA, manifesto content - Timeline placeholder toegevoegd (completed in E1.S3) ✨ E1.S3 - Timeline component integreren - Created BuildTimeline component (Aceternity UI pattern) - Added timeline.json met 4 weken data (Week 1 completed) - Features per week met icons, metrics, achievements - Scroll-based animation met Framer Motion - Responsive design (sticky titles, mobile/desktop layouts) ✨ E1.S4 - Timeline content structuur - Structured JSON data in content/nl/timeline.json - 15 Lucide icons voor feature types - Week status badges (completed/in_progress/planned) - Time savings display (< 5 sec vs 30 min) ✨ E1.S5 - Login pagina refactor - Split-screen layout (60% features, 40% login) - Teal gradient showcase met 4 feature cards - Time savings badges per feature - Responsive stack layout voor mobile - Footer met AI Speedrun branding ✨ E1.S6 - Bento Grid showcase - Replaced feature grid met Bento Grid layout - Variable card sizes voor visual hierarchy (col-span-2, col-span-1) - Dark slate background (from-slate-900) - Gradient backgrounds per card (teal, amber, purple) - Stats footer met 3 key metrics (90%+, < 5 sec, 4 weken) - Hover animations en glassmorphism effects 🎨 Design System: - Teal-first brand colors (#0D9488) - Amber accents voor AI features (#F59E0B) - Slate scale voor neutral colors - WCAG AA compliant contrast 📦 Components: - BuildTimeline (app/(marketing)/components) - BentoGrid & BentoCard (components/ui) - Button variants (components/ui) 📄 Content: - timeline.json met volledige 4-weken data - Features array per week - Metrics en achievements tracking 🔧 Technical: - Removed demo user scripts en migrations - Updated middleware routes (removed /epd) - TypeScript type fixes (hero-section-2, auth) - Build succesvol: 13 routes generated 🚀 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
/**
|
|
* Client Types
|
|
*
|
|
* Type definitions for client-related data structures
|
|
*/
|
|
|
|
import { Database } from '@/lib/database.types';
|
|
|
|
// Base client type from database
|
|
export type Client = Database['public']['Tables']['clients']['Row'];
|
|
export type ClientInsert = Database['public']['Tables']['clients']['Insert'];
|
|
export type ClientUpdate = Database['public']['Tables']['clients']['Update'];
|
|
|
|
// Extended client type with computed fields
|
|
export interface ClientWithAge extends Client {
|
|
age: number;
|
|
full_name: string;
|
|
}
|
|
|
|
// Client form data (for create/edit forms)
|
|
export interface ClientFormData {
|
|
first_name: string;
|
|
last_name: string;
|
|
birth_date: string; // ISO date string (YYYY-MM-DD)
|
|
}
|
|
|
|
// Client list filters
|
|
export interface ClientFilters {
|
|
search?: string;
|
|
sortBy?: 'name' | 'age' | 'created_at';
|
|
sortOrder?: 'asc' | 'desc';
|
|
}
|
|
|
|
/**
|
|
* Calculate age from birth date
|
|
*/
|
|
export function calculateAge(birthDate: string | Date): number {
|
|
const birth = typeof birthDate === 'string' ? new Date(birthDate) : birthDate;
|
|
const today = new Date();
|
|
let age = today.getFullYear() - birth.getFullYear();
|
|
const monthDiff = today.getMonth() - birth.getMonth();
|
|
|
|
if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) {
|
|
age--;
|
|
}
|
|
|
|
return age;
|
|
}
|
|
|
|
/**
|
|
* Transform client to extended client with computed fields
|
|
*/
|
|
export function transformClient(client: Client): ClientWithAge {
|
|
return {
|
|
...client,
|
|
age: calculateAge(client.birth_date),
|
|
full_name: `${client.first_name} ${client.last_name}`,
|
|
};
|
|
}
|