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/SettingsPage.tsx
+7 -7
View File
@@ -172,7 +172,7 @@ export const SettingsPage: React.FC = () => {
{/* General Settings Tab */}
{activeTab === 'general' && (
<div className="space-y-6">
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">Site Configuration</h2>
<div className="space-y-4">
@@ -236,7 +236,7 @@ export const SettingsPage: React.FC = () => {
</div>
</Card>
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">Feature Toggles</h2>
<div className="space-y-3">
@@ -298,7 +298,7 @@ export const SettingsPage: React.FC = () => {
{/* Storage Tab */}
{activeTab === 'storage' && storageInfo && (
<div className="space-y-6">
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">Storage Overview</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
@@ -354,7 +354,7 @@ export const SettingsPage: React.FC = () => {
</div>
</Card>
<Card className="p-6">
<Card padding="md">
<div className="flex items-start gap-3">
<Database className="w-5 h-5 text-amber-600 flex-shrink-0" />
<div>
@@ -372,7 +372,7 @@ export const SettingsPage: React.FC = () => {
{/* Security Tab */}
{activeTab === 'security' && (
<div className="space-y-6">
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">Password Settings</h2>
<div className="space-y-4">
@@ -401,7 +401,7 @@ export const SettingsPage: React.FC = () => {
</div>
</Card>
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">Session & Authentication</h2>
<div className="space-y-4">
@@ -444,7 +444,7 @@ export const SettingsPage: React.FC = () => {
</div>
</Card>
<Card className="p-6">
<Card padding="md">
<h2 className="text-lg font-semibold text-neutral-900 mb-4">reCAPTCHA Settings</h2>
<div className="space-y-4">