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

fix typo

Browse Source
This commit is contained in:
kayela
2026-01-12 20:37:38 -06:00
parent 7694532d53
commit 9c2d516f9d
74 changed files with 1842 additions and 1842 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/admin/AdminFinancials.js
View File

@@ -147,7 +147,7 @@ const AdminFinancials = () => {
if (loading) {
return (
<div className="flex items-center justify-center min-h-[60vh]">
<p className="text-var(--purple-lavender)">Loading financial reports...</p>
<p className="text-[var(--purple-lavender)]">Loading financial reports...</p>
</div>
);
}
@@ -157,17 +157,17 @@ const AdminFinancials = () => {
{/* Header */}
<div className="flex justify-between items-center">
<div>
<h1 className="text-3xl font-semibold text-var(--purple-ink)" style={{ fontFamily: "'Inter', sans-serif" }}>
<h1 className="text-3xl font-semibold text-[var(--purple-ink)]" style={{ fontFamily: "'Inter', sans-serif" }}>
Financial Reports Management
</h1>
<p className="text-var(--purple-lavender) mt-2" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<p className="text-[var(--purple-lavender)] mt-2" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
Manage annual financial reports
</p>
</div>
{hasPermission('financials.create') && (
<Button
onClick={handleCreate}
className="bg-var(--purple-lavender) text-white hover:bg-var(--purple-muted) rounded-full flex items-center gap-2"
className="bg-[var(--purple-lavender)] text-white hover:bg-[var(--purple-muted)] rounded-full flex items-center gap-2"
>
<Plus className="h-4 w-4" />
Add Report
@@ -178,10 +178,10 @@ const AdminFinancials = () => {
{/* Reports List */}
{reports.length === 0 ? (
<Card className="p-12 text-center">
<TrendingUp className="h-16 w-16 text-var(--neutral-800) mx-auto mb-4" />
<p className="text-var(--purple-lavender) text-lg mb-4">No financial reports yet</p>
<TrendingUp className="h-16 w-16 text-[var(--neutral-800)] mx-auto mb-4" />
<p className="text-[var(--purple-lavender)] text-lg mb-4">No financial reports yet</p>
{hasPermission('financials.create') && (
<Button onClick={handleCreate} className="bg-var(--purple-lavender) text-white">
<Button onClick={handleCreate} className="bg-[var(--purple-lavender)] text-white">
<Plus className="h-4 w-4 mr-2" />
Create First Report
</Button>
@@ -192,23 +192,23 @@ const AdminFinancials = () => {
{reports.map(report => (
<Card key={report.id} className="p-6">
<div className="flex items-center gap-6">
<div className="bg-gradient-to-br from-var(--purple-lavender) to-var(--purple-ink) p-4 rounded-xl text-white min-w-[100px] text-center">
<div className="bg-gradient-to-br from-[var(--purple-lavender)] to-[var(--purple-ink)] p-4 rounded-xl text-white min-w-[100px] text-center">
<DollarSign className="h-6 w-6 mx-auto mb-1" />
<div className="text-2xl font-bold">{report.year}</div>
</div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-var(--purple-ink) mb-2">
<h3 className="text-lg font-semibold text-[var(--purple-ink)] mb-2">
{report.title}
</h3>
<div className="flex items-center gap-3">
<Badge variant="outline" className="border-var(--purple-lavender) text-var(--purple-lavender)">
<Badge variant="outline" className="border-[var(--purple-lavender)] text-[var(--purple-lavender)]">
{report.document_type === 'google_drive' ? 'Google Drive' : report.document_type.toUpperCase()}
</Badge>
<Button
variant="ghost"
size="sm"
onClick={() => window.open(report.document_url, '_blank')}
className="text-var(--purple-lavender) hover:text-var(--purple-muted)"
className="text-[var(--purple-lavender)] hover:text-[var(--purple-muted)]"
>
<ExternalLink className="h-4 w-4 mr-1" />
View
@@ -222,7 +222,7 @@ const AdminFinancials = () => {
variant="outline"
size="sm"
onClick={() => handleEdit(report)}
className="border-var(--purple-lavender) text-var(--purple-lavender)"
className="border-[var(--purple-lavender)] text-[var(--purple-lavender)]"
>
<Edit className="h-4 w-4" />
</Button>
@@ -313,12 +313,12 @@ const AdminFinancials = () => {
required={!selectedReport}
/>
{uploadedFile && (
<p className="text-sm text-var(--purple-lavender) mt-1">
<p className="text-sm text-[var(--purple-lavender)] mt-1">
Selected: {uploadedFile.name}
</p>
)}
{selectedReport && !uploadedFile && (
<p className="text-sm text-var(--purple-lavender) mt-1">
<p className="text-sm text-[var(--purple-lavender)] mt-1">
Current file will be kept if no new file is selected
</p>
)}
@@ -333,7 +333,7 @@ const AdminFinancials = () => {
placeholder="https://docs.google.com/... or https://example.com/file.pdf"
required
/>
<p className="text-sm text-var(--purple-lavender) mt-1">
<p className="text-sm text-[var(--purple-lavender)] mt-1">
Paste the shareable link to your document (Google Drive, Dropbox, PDF URL, etc.)
</p>
</div>
@@ -350,7 +350,7 @@ const AdminFinancials = () => {
</Button>
<Button
type="submit"
className="bg-var(--purple-lavender) text-white"
className="bg-[var(--purple-lavender)] text-white"
disabled={submitting}
>
{submitting ? 'Saving...' : selectedReport ? 'Update' : 'Create'}