- {/* Camera Controls */}
-
- );
-};
-
-export default CameraScanner;
\ No newline at end of file
diff --git a/src/components/CardImageDisplay.tsx b/src/components/CardImageDisplay.tsx
deleted file mode 100644
index 904e538..0000000
--- a/src/components/CardImageDisplay.tsx
+++ /dev/null
@@ -1,175 +0,0 @@
-import React, { useState } from 'react';
-import { use3DTilt } from '../hooks/use3DTilt';
-
-interface CardImageDisplayProps {
- card: {
- id: string;
- name: string;
- game: string;
- stock_image_url?: string;
- image_url?: string;
- rarity: string;
- };
- userImages?: string[];
- size?: 'small' | 'medium' | 'large';
- showUserPhotos?: boolean;
- className?: string;
-}
-
-const CardImageDisplay: React.FC
- {!isStreaming ? (
-
- ) : (
- <>
-
-
-
- )}
-
-
- {/* Camera Preview - Always render video element */}
-
-
-
- {/* Show overlay only when streaming */}
- {isStreaming && (
-
-
- {/* Hidden canvas for image capture */}
-
-
- {/* Processing Status */}
- {isProcessing && (
-
-
- )}
-
- {/* Show placeholder when not streaming */}
- {!isStreaming && (
-
-
-
-
- Position card within this area
- Ensure good lighting and focus
-
-
- )}
-
-
- 📹
- Camera Preview
- Click "Start Camera" to begin
-
-
- )}
-
- {/* Captured Image Preview */}
- {capturedImage && !isProcessing && (
-
-
-
-
-
- Processing image...
- Extracting card information
-
- 
-
- )}
-
- {/* OCR Results */}
- {scanResult && (
- Captured Image
-
-
- )}
-
- {/* Instructions */}
- Scan Results
-
- {scanResult.cardName ? (
-
-
- ) : (
-
- ✅
-
-
-
- Card Found: {scanResult.cardName}
- {scanResult.setName && (
- Set: {scanResult.setName}
- )}
-
- Confidence: {Math.round(scanResult.confidence)}%
-
-
-
- )}
-
- ⚠️
-
- Card not recognized
-
-
- View OCR text
-
- {scanResult.text}
-
-
-
-
-
- 📋 Scanning Tips
- -
-
- • Ensure good lighting and avoid shadows -
- • Keep the card flat and in focus -
- • Position the card name clearly in view -
- • Avoid glare and reflections -
- • Works best with English cards -
-
- );
- };
-
- const displayImage = getDisplayImage();
-
- if (!displayImage || imageError) {
- return getPlaceholder();
- }
-
- const rarityBorderClass = getRarityBorderClass();
- const foilClass = isFoilCard() ? 'foil-card' : '';
- const legendaryHoloClass = card.rarity.toLowerCase() === 'legendary' || card.rarity.toLowerCase() === 'mythic' ? 'holographic' : '';
-
- return (
- 🃏
-
- {card.name.split(' ').slice(0, 2).join(' ')}
-
-
- {card.game}
-
-
-
- );
-};
-
-export default CardImageDisplay;
\ No newline at end of file
diff --git a/src/components/GlowingCard.tsx b/src/components/GlowingCard.tsx
deleted file mode 100644
index 22b77df..0000000
--- a/src/components/GlowingCard.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-
-interface GlowingCardProps {
- children: React.ReactNode;
- rarity: string;
- className?: string;
-}
-
-const GlowingCard: React.FC
- 
setImageError(true)}
- />
-
-
- {/* User photo indicator */}
- {showUserPhotos && userImages.length > 0 && (
-
- 📸 {currentUserImageIndex + 1}/{userImages.length}
-
- )}
-
- {/* Stock/User toggle */}
- {userImages.length > 0 && (
-
-
-
- )}
-
- {/* User photo navigation */}
- {showUserPhotos && userImages.length > 1 && (
-
-
-
-
- )}
-
- {/* Image type indicator */}
-
- {showUserPhotos ? (
-
- 👤
-
- ) : (
-
- ✓
-
- )}
-
-
- {children}
-
- );
-};
-
-export default GlowingCard;
\ No newline at end of file
diff --git a/src/components/MobileNavbar.tsx b/src/components/MobileNavbar.tsx
deleted file mode 100644
index 15739ec..0000000
--- a/src/components/MobileNavbar.tsx
+++ /dev/null
@@ -1,266 +0,0 @@
-import React, { useState } from 'react';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
-import { useTheme } from '../contexts/ThemeContext';
-
-const MobileNavbar: React.FC = () => {
- const { user, logout, isAdmin } = useAuth();
- const { toggleTheme, effectiveTheme } = useTheme();
- const location = useLocation();
- const navigate = useNavigate();
- const [showUserMenu, setShowUserMenu] = useState(false);
-
- const handleLogout = () => {
- logout();
- setShowUserMenu(false);
- navigate('/login');
- };
-
- const isActive = (path: string) => location.pathname === path;
-
- return (
- <>
- {/* Top Header */}
-
-
-
-
-
-
-
-
-
-
- TCG Vault
-- Hi, {user?.firstName || user?.username} -
-
- {/* Theme Toggle */}
-
-
- {/* User Avatar */}
-
-
- setShowUserMenu(false)}>
-
- )}
-
- );
-};
-
-export default MobileNavbar;
\ No newline at end of file
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
deleted file mode 100644
index a2c7327..0000000
--- a/src/components/Navbar.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-import React, { useState } from 'react';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
-
-const Navbar: React.FC = () => {
- const { user, logout, isAdmin } = useAuth();
- const location = useLocation();
- const navigate = useNavigate();
- const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
-
- const handleLogout = () => {
- logout();
- setIsUserMenuOpen(false);
- navigate('/login');
- };
-
- const navigation = [
- { name: 'Dashboard', href: '/dashboard', icon: '📊' },
- { name: 'Cards', href: '/cards', icon: '🃏' },
- { name: 'Collections', href: '/collections', icon: '📚' },
- { name: 'Decks', href: '/decks', icon: '🎯' },
- { name: 'Scanner', href: '/scanner', icon: '📷' },
- ];
-
- const isActive = (path: string) => location.pathname === path;
-
- return (
-
-
-
-
-
-
-
-
- {user?.firstName?.[0] || user?.username?.[0]?.toUpperCase() || 'U'}
-
-
-
- - {user?.firstName && user?.lastName - ? `${user.firstName} ${user.lastName}` - : user?.username} -
-{user?.email}
-
- {user?.roles.map((role) => (
-
- {role}
-
- ))}
-
-
- setShowUserMenu(false)}
- className="flex items-center space-x-3 p-3 rounded-xl hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors"
- >
-
- Decks
-
-
- setShowUserMenu(false)}
- className="flex items-center space-x-3 p-3 rounded-xl hover:bg-surface-100 dark:hover:bg-surface-800 transition-colors"
- >
-
- Settings
-
-
- {isAdmin() && (
- setShowUserMenu(false)}
- className="flex items-center space-x-3 p-3 rounded-xl hover:bg-yellow-50 dark:hover:bg-yellow-900/20 transition-colors"
- >
-
- Admin Panel
-
- )}
-
-
-
-