Add option for users to join pilates class from the comfort of their homes

Implements "online" class type with UI updates and data in `class-card.tsx` and `storage.ts`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/4e295331-1a0b-4c58-bfd5-9a273f0b80f2.jpg
This commit is contained in:
JeffEmmett 2025-05-21 12:41:27 +00:00
parent b91163373f
commit 9360a308ba
2 changed files with 12 additions and 0 deletions

View File

@ -18,6 +18,7 @@ export function ClassCard({ classData }: ClassCardProps) {
case "group": return "bg-teal-light text-teal";
case "small-group": return "bg-purple-light text-purple";
case "private": return "bg-rose-light text-rose";
case "online": return "bg-blue-100 text-blue-700";
default: return "bg-gray-100 text-gray-800";
}
};
@ -28,6 +29,7 @@ export function ClassCard({ classData }: ClassCardProps) {
case "group": return "Group";
case "small-group": return "Small Group";
case "private": return "1-on-1";
case "online": return "Online";
default: return type;
}
};
@ -38,6 +40,7 @@ export function ClassCard({ classData }: ClassCardProps) {
case "group": return FadiaGroupClassImage;
case "small-group": return FadiaSmallGroupClassImage;
case "private": return FadiaPrivateClassImage;
case "online": return FadiaSmallGroupClassImage; // Reusing this image for online classes
default: return FadiaGroupClassImage;
}
};

View File

@ -212,6 +212,15 @@ export class MemStorage implements IStorage {
capacity: 1,
classType: "private",
imageUrl: "https://images.unsplash.com/photo-1616279969856-759f316a5ac1"
},
{
name: "Online Classes",
description: "Practice pilates from the comfort of your own home or wherever you happen to be with our convenient online sessions.",
duration: 50,
price: 2000, // $20.00
capacity: 20,
classType: "online",
imageUrl: "https://images.unsplash.com/photo-1518611012118-696072aa579a"
}
];