CityCards/CityCards-Website
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace passes with cards in profile page

Browse Source
This commit is contained in:
aryabenade
2026-04-23 13:56:30 +05:30
parent 517a7c0446
commit cee671cf32
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/ProfilePage.tsx
View File

@@ -193,7 +193,7 @@ export function ProfilePage({
<span className="font-bold italic bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pr-2">Profile</span>
</h1>
<p className="font-poppins text-xl leading-relaxed font-normal text-gray-600">
Manage your account, passes, and travel itineraries
Manage your account, cards, and travel itineraries
</p>
</motion.div>
</div>
@@ -206,7 +206,7 @@ export function ProfilePage({
{/* Tab Navigation */}
<TabsList className="grid w-full grid-cols-3 lg:w-[400px]">
<TabsTrigger value="profile" className="font-poppins font-light">My Profile</TabsTrigger>
<TabsTrigger value="passes" className="font-poppins font-light">My Passes</TabsTrigger>
<TabsTrigger value="passes" className="font-poppins font-light">My Cards</TabsTrigger>
<TabsTrigger value="itineraries" className="font-poppins font-light">My Itineraries</TabsTrigger>
</TabsList>
@@ -536,7 +536,7 @@ export function ProfilePage({
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.2 }}
>
<h2 className="font-poppins text-2xl mb-6 font-normal">Active Passes</h2>
<h2 className="font-poppins text-2xl mb-6 font-normal">Active Cards</h2>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
{activeCards.map((card: any) => (
<Card key={card.id} className="overflow-hidden">
@@ -613,14 +613,14 @@ export function ProfilePage({
</div>
</motion.div>
{/* Expired Passes */}
{/* Expired Cards */}
{expiredCards.length > 0 && (
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.4 }}
>
<h2 className="font-poppins text-2xl mb-6 font-normal">Expired Passes</h2>
<h2 className="font-poppins text-2xl mb-6 font-normal">Expired Cards</h2>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
{expiredCards.map((card: any) => (
<Card key={card.id} className="overflow-hidden opacity-60">