pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 10:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add user profile data to contact submissions

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 19:14:51 +00:00
parent 8300243bb2
commit 2ebb2eafec
4 changed files with 130 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/integrations/supabase/types.ts
View File

@@ -538,6 +538,9 @@ export type Database = {
response_count: number | null
status: string
subject: string
submitter_profile_data: Json | null
submitter_reputation: number | null
submitter_username: string | null
thread_id: string | null
ticket_number: string | null
updated_at: string
@@ -560,6 +563,9 @@ export type Database = {
response_count?: number | null
status?: string
subject: string
submitter_profile_data?: Json | null
submitter_reputation?: number | null
submitter_username?: string | null
thread_id?: string | null
ticket_number?: string | null
updated_at?: string
@@ -582,6 +588,9 @@ export type Database = {
response_count?: number | null
status?: string
subject?: string
submitter_profile_data?: Json | null
submitter_reputation?: number | null
submitter_username?: string | null
thread_id?: string | null
ticket_number?: string | null
updated_at?: string

73
src/pages/admin/AdminContact.tsx
View File

@@ -18,6 +18,9 @@ import {
Reply,
Copy,
Check,
User,
Award,
TrendingUp,
} from 'lucide-react';
import { supabase } from '@/integrations/supabase/client';
import { Button } from '@/components/ui/button';
@@ -48,6 +51,7 @@ import {
import { Badge } from '@/components/ui/badge';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { ScrollArea } from '@/components/ui/scroll-area';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { useTheme } from '@/components/theme/ThemeProvider';
import { useUserRole } from '@/hooks/useUserRole';
import { handleError, handleSuccess } from '@/lib/errorHandler';
@@ -61,6 +65,20 @@ interface ContactSubmission {
created_at: string;
updated_at: string;
user_id: string | null;
submitter_username: string | null;
submitter_reputation: number | null;
submitter_profile_data: {
display_name?: string;
member_since?: string;
stats?: {
rides: number;
coasters: number;
parks: number;
reviews: number;
};
reputation?: number;
avatar_url?: string;
} | null;
name: string;
email: string;
subject: string;
@@ -683,6 +701,61 @@ export default function AdminContact() {
</div>
</div>
{/* User Context Section */}
{selectedSubmission.submitter_profile_data && (
<div className="border rounded-lg p-4 bg-muted/30">
<h4 className="font-semibold mb-3 flex items-center gap-2">
<User className="h-4 w-4" />
Submitter Context
</h4>
<div className="flex items-start gap-4">
<Avatar className="h-12 w-12">
{selectedSubmission.submitter_profile_data.avatar_url && (
<AvatarImage src={selectedSubmission.submitter_profile_data.avatar_url} />
)}
<AvatarFallback>
{selectedSubmission.submitter_username?.[0]?.toUpperCase() || 'U'}
</AvatarFallback>
</Avatar>
<div className="flex-1 space-y-2">
<div className="flex items-center gap-2 flex-wrap">
<span className="font-medium">
@{selectedSubmission.submitter_username}
</span>
{selectedSubmission.submitter_profile_data.display_name && (
<span className="text-muted-foreground">
({selectedSubmission.submitter_profile_data.display_name})
</span>
)}
<Badge variant="secondary" className="gap-1">
<Award className="h-3 w-3" />
{selectedSubmission.submitter_reputation} rep
</Badge>
</div>
{selectedSubmission.submitter_profile_data.member_since && (
<div className="text-sm text-muted-foreground">
Member since {format(new Date(selectedSubmission.submitter_profile_data.member_since), 'MMM d, yyyy')}
</div>
)}
{selectedSubmission.submitter_profile_data.stats && (
<div className="flex items-center gap-3 text-sm flex-wrap">
<span className="flex items-center gap-1">
<TrendingUp className="h-3 w-3" />
{selectedSubmission.submitter_profile_data.stats.rides} rides
</span>
<span>•</span>
<span>{selectedSubmission.submitter_profile_data.stats.coasters} coasters</span>
<span>•</span>
<span>{selectedSubmission.submitter_profile_data.stats.parks} parks</span>
<span>•</span>
<span>{selectedSubmission.submitter_profile_data.stats.reviews} reviews</span>
</div>
)}
</div>
</div>
</div>
)}
{/* Subject & Category */}
<div className="space-y-2">
<Label>Category</Label>