+
+
+ 
+
+
+ )}
+
+ {isEdit && (
+
+ );
+ }
+
// Build photos array for modal
const photos = [];
if (bannerImageUrl) {
diff --git a/src/components/upload/PhotoManagementDialog.tsx b/src/components/upload/PhotoManagementDialog.tsx
index ee90b0dd..ef96cc00 100644
--- a/src/components/upload/PhotoManagementDialog.tsx
+++ b/src/components/upload/PhotoManagementDialog.tsx
@@ -77,55 +77,128 @@ export function PhotoManagementDialog({
- const deletePhoto = async (photoId: string) => {
- if (!confirm('Are you sure you want to delete this photo?')) return;
+ const requestPhotoDelete = async (photoId: string, photo: Photo) => {
+ const reason = prompt('Please provide a reason for deleting this photo:');
+ if (!reason) return;
try {
- const { error } = await supabase.from('photos').delete().eq('id', photoId);
+ // Get current user
+ const { data: { user } } = await supabase.auth.getUser();
+ if (!user) throw new Error('Not authenticated');
- if (error) throw error;
+ // Create content submission
+ const { data: submission, error: submissionError } = await supabase
+ .from('content_submissions')
+ .insert([{
+ user_id: user.id,
+ submission_type: 'photo_delete',
+ content: {
+ photo_id: photoId,
+ entity_type: entityType,
+ entity_id: entityId,
+ reason: reason
+ }
+ }])
+ .select()
+ .single();
+
+ if (submissionError) throw submissionError;
+
+ // Create submission item
+ const { error: itemError } = await supabase
+ .from('submission_items')
+ .insert({
+ submission_id: submission.id,
+ item_type: 'photo_delete',
+ item_data: {
+ photo_id: photoId,
+ entity_type: entityType,
+ entity_id: entityId,
+ cloudflare_image_url: photo.cloudflare_image_url,
+ caption: photo.caption,
+ reason: reason
+ },
+ status: 'pending'
+ });
+
+ if (itemError) throw itemError;
- await fetchPhotos();
toast({
- title: 'Success',
- description: 'Photo deleted',
+ title: 'Delete request submitted',
+ description: 'Your photo deletion request has been submitted for moderation',
});
- onUpdate?.();
+ onOpenChange(false);
} catch (error) {
- console.error('Error deleting photo:', error);
+ console.error('Error requesting photo deletion:', error);
toast({
title: 'Error',
- description: 'Failed to delete photo',
+ description: 'Failed to submit deletion request',
variant: 'destructive',
});
}
};
- const updatePhoto = async () => {
+ const requestPhotoEdit = async () => {
if (!editingPhoto) return;
try {
- const { error } = await supabase
- .from('photos')
- .update({
- caption: editingPhoto.caption,
- })
- .eq('id', editingPhoto.id);
+ // Get current user
+ const { data: { user } } = await supabase.auth.getUser();
+ if (!user) throw new Error('Not authenticated');
- if (error) throw error;
+ // Get original photo data
+ const originalPhoto = photos.find(p => p.id === editingPhoto.id);
+ if (!originalPhoto) throw new Error('Original photo not found');
+
+ // Create content submission
+ const { data: submission, error: submissionError } = await supabase
+ .from('content_submissions')
+ .insert([{
+ user_id: user.id,
+ submission_type: 'photo_edit',
+ content: {
+ photo_id: editingPhoto.id,
+ entity_type: entityType,
+ entity_id: entityId
+ }
+ }])
+ .select()
+ .single();
+
+ if (submissionError) throw submissionError;
+
+ // Create submission item
+ const { error: itemError } = await supabase
+ .from('submission_items')
+ .insert({
+ submission_id: submission.id,
+ item_type: 'photo_edit',
+ item_data: {
+ photo_id: editingPhoto.id,
+ entity_type: entityType,
+ entity_id: entityId,
+ new_caption: editingPhoto.caption,
+ cloudflare_image_url: editingPhoto.cloudflare_image_url,
+ },
+ original_data: {
+ caption: originalPhoto.caption,
+ },
+ status: 'pending'
+ });
+
+ if (itemError) throw itemError;
- await fetchPhotos();
setEditingPhoto(null);
toast({
- title: 'Success',
- description: 'Photo updated',
+ title: 'Edit request submitted',
+ description: 'Your photo edit has been submitted for moderation',
});
- onUpdate?.();
+ onOpenChange(false);
} catch (error) {
- console.error('Error updating photo:', error);
+ console.error('Error requesting photo edit:', error);
toast({
title: 'Error',
- description: 'Failed to update photo',
+ description: 'Failed to submit edit request',
variant: 'destructive',
});
}
@@ -167,7 +240,7 @@ export function PhotoManagementDialog({
-
+
@@ -223,16 +296,16 @@ export function PhotoManagementDialog({
className="flex-1 sm:flex-initial"
>
+
+ Photo
+
+
+ {isEdit ? 'Edit' : 'Delete'}
+
+
+
+ {itemData?.cloudflare_image_url && (
+
+
+ )}
+
+ {!isEdit && itemData?.reason && (
+
+ Old caption:
+
+ {originalData?.caption || No caption}
+
+
+
+ New caption:
+
+ {itemData?.new_caption || No caption}
+
+
+
+ Reason:
+ {itemData.reason}
+
+ )}
+
+
+ Click "Review Items" for full details
+
+
- {[1, 2, 3, 4, 5].map((star) => (
-
{ride.review_count} {ride.review_count === 1 ? "review" : "reviews"}
From 93750bdb042e69e55ee9bd279318848cff65fc62 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
<159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 2 Oct 2025 19:03:04 +0000
Subject: [PATCH 08/71] Refactor: Use Radix UI Dialog
---
.../upload/PhotoManagementDialog.tsx | 79 ++++++++++++++++---
1 file changed, 69 insertions(+), 10 deletions(-)
diff --git a/src/components/upload/PhotoManagementDialog.tsx b/src/components/upload/PhotoManagementDialog.tsx
index ef96cc00..09871c18 100644
--- a/src/components/upload/PhotoManagementDialog.tsx
+++ b/src/components/upload/PhotoManagementDialog.tsx
@@ -9,6 +9,16 @@ import {
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog';
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from '@/components/ui/alert-dialog';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';
@@ -43,6 +53,9 @@ export function PhotoManagementDialog({
const [photos, setPhotos] = useState
+
+