andika/membership-fe
3
1
Fork 1
Code Issues 20 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor color classes to use new success color variable across admin and member pages; update Tailwind config to include success color definition.

Browse Source
This commit is contained in:
kayela
2026-01-09 13:46:01 -06:00
parent 4ba44d8997
commit 727c2bc710
56 changed files with 491 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/admin/AdminSubscriptions.js
View File

@@ -318,12 +318,12 @@ Proceed with activation?`;
<p className="text-sm text-muted-foreground" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
Active Members
</p>
<p className="text-3xl font-bold text-[#81B29A] mt-2" style={{ fontFamily: "'Inter', sans-serif" }}>
<p className="text-3xl font-bold text-success mt-2" style={{ fontFamily: "'Inter', sans-serif" }}>
{stats.active || 0}
</p>
</div>
<div className="p-3 bg-[#81B29A]/10 rounded-full">
<TrendingUp className="h-6 w-6 text-[#81B29A]" />
<div className="p-3 bg-success/10 rounded-full">
<TrendingUp className="h-6 w-6 text-success" />
</div>
</div>
</Card>
@@ -419,7 +419,7 @@ Proceed with activation?`;
<DropdownMenuTrigger asChild>
<Button
disabled={exporting}
className="bg-[#81B29A] text-white hover:bg-[#6a9680] rounded-full px-6 py-2 flex items-center gap-2"
className="bg-success text-white hover:bg-muted-teal-dark rounded-full px-6 py-2 flex items-center gap-2"
>
<Download className="h-4 w-4" />
{exporting ? 'Exporting...' : 'Export'}
@@ -452,7 +452,7 @@ Proceed with activation?`;
<div className="md:hidden p-4 space-y-4">
{filteredSubscriptions.length > 0 ? (
filteredSubscriptions.map((sub) => (
<Card key={sub.id} className="p-4 border border-chart-6 bg-[#f9f5ff]/30">
<Card key={sub.id} className="p-4 border border-chart-6 bg-lavender-mist/30">
<div className="space-y-3">
{/* Member Info */}
<div className="flex justify-between items-start border-b border-chart-6 pb-3">
@@ -574,7 +574,7 @@ Proceed with activation?`;
<tbody>
{filteredSubscriptions.length > 0 ? (
filteredSubscriptions.map((sub) => (
<tr key={sub.id} className="border-b border-chart-6 hover:bg-[#f9f5ff] transition-colors">
<tr key={sub.id} className="border-b border-chart-6 hover:bg-lavender-mist transition-colors">
<td className="p-4">
<div className="font-medium text-primary" style={{ fontFamily: "'Inter', sans-serif" }}>
{sub.user.first_name} {sub.user.last_name}
@@ -766,7 +766,7 @@ Proceed with activation?`;
type="button"
onClick={handleSaveSubscription}
disabled={isUpdating}
className="bg-[#81B29A] text-white hover:bg-[#6FA087] rounded-full"
className="bg-success text-white hover:bg-[#6FA087] rounded-full"
>
{isUpdating ? (
<>