From 9dd643338b0d79c3b417d615bbc383c0b9923125 Mon Sep 17 00:00:00 2001
From: paul <paul-nothaft@hotmail.de>
Date: Mon, 7 Jul 2025 12:56:09 +0200
Subject: [PATCH] Fix React error #130 - Resolve component import issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fixed wildcard exports in common/index.ts with explicit named exports
- Fixed GalleryView import path in GalleryPage.tsx
- Fixed ToastContainer props formatting in App.tsx
- Ensured all components are properly exported and imported

This should finally resolve the invalid element type error.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/src/App.tsx                    | 20 ++++++++++----------
 frontend/src/components/common/index.ts | 15 +++++++++++----
 frontend/src/pages/GalleryPage.tsx      |  2 +-
 3 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 3dd76a6..d42146e 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -94,16 +94,16 @@ function App() {
 
           {/* Toast notifications */}
           <ToastContainer
-          position="bottom-right"
-          autoClose={5000}
-          hideProgressBar={false}
-          newestOnTop
-          closeOnClick
-          rtl={false}
-          pauseOnFocusLoss
-          draggable
-          pauseOnHover
-          theme="light"
+            position="bottom-right"
+            autoClose={5000}
+            hideProgressBar={false}
+            newestOnTop
+            closeOnClick
+            rtl={false}
+            pauseOnFocusLoss
+            draggable
+            pauseOnHover
+            theme="light"
           />
         </ThemeProvider>
       </QueryClientProvider>
diff --git a/frontend/src/components/common/index.ts b/frontend/src/components/common/index.ts
index 427a7b3..5fb45f4 100644
--- a/frontend/src/components/common/index.ts
+++ b/frontend/src/components/common/index.ts
@@ -2,7 +2,14 @@ export { Button } from './Button';
 export { Input } from './Input';
 export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export { Loading, LoadingSkeleton } from './Loading';
-export * from './ErrorBoundary';
-export * from './Skeleton';
-export * from './OfflineIndicator';
-export * from './SkipLink';
\ No newline at end of file
+export { ErrorBoundary, PageErrorBoundary } from './ErrorBoundary';
+export { 
+  Skeleton, 
+  SkeletonGroup, 
+  SkeletonCard, 
+  SkeletonTable, 
+  SkeletonGalleryGrid, 
+  SkeletonList 
+} from './Skeleton';
+export { OfflineIndicator, useOnlineStatus } from './OfflineIndicator';
+export { SkipLink } from './SkipLink';
\ No newline at end of file
diff --git a/frontend/src/pages/GalleryPage.tsx b/frontend/src/pages/GalleryPage.tsx
index 6e8c123..4fce709 100644
--- a/frontend/src/pages/GalleryPage.tsx
+++ b/frontend/src/pages/GalleryPage.tsx
@@ -6,7 +6,7 @@ import { format, differenceInDays, parseISO } from 'date-fns';
 import { Card, CardContent, Input, Button, Loading } from '../components/common';
 import { useGalleryAuth } from '../contexts';
 import { useGalleryInfo } from '../hooks/useGallery';
-import { GalleryView } from '../components/gallery/GalleryView';
+import { GalleryView } from '../components/gallery';
 import { analyticsService } from '../services/analytics.service';
 
 export const GalleryPage: React.FC = () => {