Initial commit from your app

2025-02-01 22:24:59 +01:00
parent 8eda5e8cfe
commit d4c44ece53
38 changed files with 9031 additions and 0 deletions
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import DeckManager from './components/DeckManager';
+import DeckList from './components/DeckList';
+import LoginForm from './components/LoginForm';
+import Navigation from './components/Navigation';
+import Collection from './components/Collection';
+import DeckEditor from './components/DeckEditor';
+import Profile from './components/Profile';
+import { AuthProvider, useAuth } from './contexts/AuthContext';
+
+type Page = 'home' | 'deck' | 'login' | 'collection' | 'edit-deck' | 'profile';
+
+function AppContent() {
+  const [currentPage, setCurrentPage] = useState<Page>('home');
+  const [selectedDeckId, setSelectedDeckId] = useState<string | null>(null);
+  const { user, loading } = useAuth();
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-900 flex items-center justify-center">
+        <div className="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-500"></div>
+      </div>
+    );
+  }
+
+  if (!user && currentPage !== 'login') {
+    return <LoginForm />;
+  }
+
+  const handleDeckEdit = (deckId: string) => {
+    setSelectedDeckId(deckId);
+    setCurrentPage('edit-deck');
+  };
+
+  const renderPage = () => {
+    switch (currentPage) {
+      case 'home':
+        return (
+          <div className="min-h-screen bg-gray-900 text-white p-6">
+            <div className="max-w-7xl mx-auto">
+              <h1 className="text-3xl font-bold mb-6">My Decks</h1>
+              <DeckList onDeckEdit={handleDeckEdit} />
+            </div>
+          </div>
+        );
+      case 'deck':
+        return <DeckManager />;
+      case 'edit-deck':
+        return selectedDeckId ? (
+          <DeckEditor 
+            deckId={selectedDeckId} 
+            onClose={() => {
+              setSelectedDeckId(null);
+              setCurrentPage('home');
+            }}
+          />
+        ) : null;
+      case 'collection':
+        return <Collection />;
+      case 'profile':
+        return <Profile />;
+      case 'login':
+        return <LoginForm />;
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-900">
+      <Navigation currentPage={currentPage} setCurrentPage={setCurrentPage} />
+      {renderPage()}
+    </div>
+  );
+}
+
+function App() {
+  return (
+    <AuthProvider>
+      <AppContent />
+    </AuthProvider>
+  );
+}
+
+export default App;