paul/picpeak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix React error #130 by correcting Card component usage

Browse Source 
- Fixed all Card components to use padding prop instead of className
- Updated padding values: p-4 -> sm, p-6 -> md, p-8 -> lg
- This resolves the React element type invalid error

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
paul
2025-07-07 11:00:15 +02:00
parent 225d017718
commit 8dad933ff1
15 changed files with 73 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/admin/ArchivesPage.tsx
+5 -5
View File
@@ -129,7 +129,7 @@ export const ArchivesPage: React.FC = () => {
{/* Statistics Cards */}
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
<Card className="p-4">
<Card padding="sm">
<div className="flex items-center justify-between">
<div>
<p className="text-sm text-neutral-600">Total Archives</p>
@@ -139,7 +139,7 @@ export const ArchivesPage: React.FC = () => {
</div>
</Card>
<Card className="p-4">
<Card padding="sm">
<div className="flex items-center justify-between">
<div>
<p className="text-sm text-neutral-600">Storage Used</p>
@@ -149,7 +149,7 @@ export const ArchivesPage: React.FC = () => {
</div>
</Card>
<Card className="p-4">
<Card padding="sm">
<div className="flex items-center justify-between">
<div>
<p className="text-sm text-neutral-600">Total Photos</p>
@@ -161,7 +161,7 @@ export const ArchivesPage: React.FC = () => {
</div>
</Card>
<Card className="p-4">
<Card padding="sm">
<div className="flex items-center justify-between">
<div>
<p className="text-sm text-neutral-600">Avg Archive Size</p>
@@ -178,7 +178,7 @@ export const ArchivesPage: React.FC = () => {
</div>
{/* Filters and Search */}
<Card className="p-4 mb-6">
<Card padding="sm" className="mb-6">
<div className="flex flex-col lg:flex-row gap-4">
<div className="flex-1">
<Input