robin/Dramlog-Prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eval fix

Browse Source
This commit is contained in:
robin
2025-12-18 00:32:45 +01:00
parent 52da147761
commit a41a72fb0d
378 changed files with 340 additions and 30813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/components/CameraCapture.tsx
View File

@@ -1,13 +1,17 @@
'use client';
import React, { useRef, useState } from 'react';
import { Camera, Upload, CheckCircle2, AlertCircle, Sparkles } from 'lucide-react';
import { Camera, Upload, CheckCircle2, AlertCircle, Sparkles, ExternalLink } from 'lucide-react';
import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
import { analyzeBottle } from '@/services/analyze-bottle';
import { saveBottle } from '@/services/save-bottle';
import { BottleMetadata } from '@/types/whisky';
import { savePendingBottle } from '@/lib/offline-db';
import { v4 as uuidv4 } from 'uuid';
import { findMatchingBottle } from '@/services/find-matching-bottle';
import Link from 'next/link';
// ... (skipping to line 192 in the actual file, index adjust needed)
interface CameraCaptureProps {
onImageCaptured?: (base64Image: string) => void;
@@ -24,6 +28,7 @@ export default function CameraCapture({ onImageCaptured, onAnalysisComplete, onS
const [error, setError] = useState<string | null>(null);
const [analysisResult, setAnalysisResult] = useState<BottleMetadata | null>(null);
const [isQueued, setIsQueued] = useState(false);
const [matchingBottle, setMatchingBottle] = useState<{ id: string; name: string } | null>(null);
const handleCapture = async (event: React.ChangeEvent<HTMLInputElement>) => {
const file = event.target.files?.[0];
@@ -33,6 +38,7 @@ export default function CameraCapture({ onImageCaptured, onAnalysisComplete, onS
setError(null);
setAnalysisResult(null);
setIsQueued(false);
setMatchingBottle(null);
try {
const compressedBase64 = await compressImage(file);
@@ -58,6 +64,13 @@ export default function CameraCapture({ onImageCaptured, onAnalysisComplete, onS
if (response.success && response.data) {
setAnalysisResult(response.data);
// Duplicate Check
const match = await findMatchingBottle(response.data);
if (match) {
setMatchingBottle(match);
}
if (onAnalysisComplete) {
onAnalysisComplete(response.data);
}
@@ -177,38 +190,48 @@ export default function CameraCapture({ onImageCaptured, onAnalysisComplete, onS
className="hidden"
/>
<button
onClick={isQueued ? () => setPreviewUrl(null) : (previewUrl && analysisResult ? handleSave : triggerUpload)}
disabled={isProcessing || isSaving}
className="w-full py-4 px-6 bg-amber-600 hover:bg-amber-700 text-white rounded-xl font-semibold flex items-center justify-center gap-2 transition-all active:scale-[0.98] shadow-lg shadow-amber-600/20 disabled:opacity-50"
>
{isSaving ? (
<>
<div className="animate-spin rounded-full h-5 w-5 border-b-2 border-white"></div>
Wird gespeichert...
</>
) : isQueued ? (
<>
<CheckCircle2 size={20} />
Nächste Flasche
</>
) : previewUrl && analysisResult ? (
<>
<CheckCircle2 size={20} />
Im Vault speichern
</>
) : previewUrl ? (
<>
<Upload size={20} />
Neu aufnehmen
</>
) : (
<>
<Camera size={20} />
Kamera öffnen
</>
)}
</button>
{matchingBottle ? (
<Link
href={`/bottles/${matchingBottle.id}`}
className="w-full py-4 px-6 bg-amber-600 hover:bg-amber-700 text-white rounded-xl font-semibold flex items-center justify-center gap-2 transition-all active:scale-[0.98] shadow-lg shadow-amber-600/20"
>
<ExternalLink size={20} />
Zum Whisky im Vault
</Link>
) : (
<button
onClick={isQueued ? () => setPreviewUrl(null) : (previewUrl && analysisResult ? handleSave : triggerUpload)}
disabled={isProcessing || isSaving}
className="w-full py-4 px-6 bg-amber-600 hover:bg-amber-700 text-white rounded-xl font-semibold flex items-center justify-center gap-2 transition-all active:scale-[0.98] shadow-lg shadow-amber-600/20 disabled:opacity-50"
>
{isSaving ? (
<>
<div className="animate-spin rounded-full h-5 w-5 border-b-2 border-white"></div>
Wird gespeichert...
</>
) : isQueued ? (
<>
<CheckCircle2 size={20} />
Nächste Flasche
</>
) : previewUrl && analysisResult ? (
<>
<CheckCircle2 size={20} />
Im Vault speichern
</>
) : previewUrl ? (
<>
<Upload size={20} />
Neu aufnehmen
</>
) : (
<>
<Camera size={20} />
Kamera öffnen
</>
)}
</button>
)}
{error && (
<div className="flex items-center gap-2 text-red-500 text-sm bg-red-50 dark:bg-red-900/10 p-3 rounded-lg w-full">
@@ -224,7 +247,25 @@ export default function CameraCapture({ onImageCaptured, onAnalysisComplete, onS
</div>
)}
{previewUrl && !isProcessing && !error && !isQueued && (
{matchingBottle && (
<div className="flex flex-col gap-2 p-4 bg-blue-50 dark:bg-blue-900/10 border border-blue-200 dark:border-blue-900/30 rounded-xl w-full">
<div className="flex items-center gap-2 text-blue-600 dark:text-blue-400 font-bold text-sm">
<AlertCircle size={16} />
Bereits im Vault!
</div>
<p className="text-xs text-blue-500/80">
Du hast diesen Whisky bereits in deiner Sammlung. Willst du direkt zur Flasche gehen?
</p>
<button
onClick={() => setMatchingBottle(null)}
className="text-[10px] text-zinc-400 font-black uppercase text-left hover:text-zinc-600"
>
Trotzdem als neue Flasche speichern
</button>
</div>
)}
{previewUrl && !isProcessing && !error && !isQueued && !matchingBottle && (
<div className="flex flex-col gap-3 w-full animate-in fade-in slide-in-from-top-4 duration-500">
<div className="flex items-center gap-2 text-green-500 text-sm bg-green-50 dark:bg-green-900/10 p-3 rounded-lg w-full">
<CheckCircle2 size={16} />