app/Services/Admin/FeedbackService.php

@@ -41,6 +41,18 @@ public function __construct()
         $this->sanitizer = new HtmlSanitizer($config);
     }
 
+    public function paginated(User $user, int $perPage = 25, string $search = '', ?string $type = null, ?string $status = null): LengthAwarePaginator
+    {
+        return Feedback::query()
+            ->where('user_id', $user->id)
+            ->with('handler.profile')
+            ->when($search, fn($q) => $q->where('subject', 'like', "%{$search}%"))
+            ->when($type, fn($q) => $q->where('type', $type))
+            ->when($status, fn($q) => $q->where('status', $status))
+            ->latest()
+            ->paginate($perPage);
+    }
+
     public function pendingCount(User $user): int
     {
         return Feedback::query()
@@ -49,18 +61,6 @@ public function pendingCount(User $user): int
             ->count();
     }
 
-    public function paginated(User $user, int $perPage = 25, string $search = '', ?string $type = null, ?string $status = null): LengthAwarePaginator
-    {
-        return Feedback::query()
-            ->where('user_id', $user->id)
-            ->with(['user.profile', 'handler.profile'])
-            ->when($search, fn ($q) => $q->where('subject', 'like', "%{$search}%"))
-            ->when($type, fn ($q) => $q->where('type', $type))
-            ->when($status, fn ($q) => $q->where('status', $status))
-            ->latest()
-            ->paginate($perPage);
-    }
-
     public function create(User $user, array $data): Feedback
     {
         return Feedback::create([

resources/js/components/form-dialog.tsx

@@ -9,7 +9,6 @@ import {
     DialogHeader,
     DialogTitle,
 } from '@/components/ui/dialog';
-import { cn } from '@/lib/utils';
 
 type FormDialogProps = {
     open: boolean;
@@ -45,29 +44,23 @@ export function FormDialog({
 }: FormDialogProps) {
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent
+            <DialogContent className={contentClassName}>
-                className={cn(
-                    'flex max-h-[85vh] flex-col overflow-hidden',
-                    contentClassName,
-                )}
-            >
                 <Form
                     action={action}
                     resetOnSuccess={resetOnSuccess}
                     onSuccess={onSuccess}
-                    className="flex min-h-0 flex-1 flex-col"
                 >
                     {({ errors, processing }) => (
                         <>
-                            <DialogHeader className="shrink-0">
+                            <DialogHeader>
                                 <DialogTitle>{title}</DialogTitle>
                             </DialogHeader>
-                            <div className="grid flex-1 gap-4 overflow-y-auto py-4">
+                            <div className="grid gap-4 py-4">
                                 {typeof children === 'function'
                                     ? children({ errors, processing })
                                     : children}
                             </div>
-                            <DialogFooter className="shrink-0">
+                            <DialogFooter>
                                 <Button
                                     type="button"
                                     variant="outline"

resources/js/pages/admin/feedback/columns.tsx

@@ -31,6 +31,13 @@ export const FeedbackStatusVariants: Record<
     resolved: 'default',
 };
 
+function stripHtml(html: string): string {
+    return html
+        .replace(/<[^>]+>/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim();
+}
+
 export function createFeedbackColumns(
     params: CreateColumnsParams,
 ): ColumnDef<Feedback>[] {
@@ -49,6 +56,18 @@ export function createFeedbackColumns(
         {
             accessorKey: 'subject',
             header: () => <span>Subjek</span>,
+            cell: ({ row }) => {
+                const feedback = row.original;
+
+                return (
+                    <div>
+                        <p className="font-medium">{feedback.subject}</p>
+                        <p className="line-clamp-1 text-xs text-muted-foreground">
+                            {stripHtml(feedback.message)}
+                        </p>
+                    </div>
+                );
+            },
         },
         {
             accessorKey: 'type',
@@ -86,11 +105,6 @@ export function createFeedbackColumns(
                 </div>
             ),
         },
-        {
-            accessorKey: 'user.profile.full_name',
-            header: () => <span>Dibuat Oleh</span>,
-            cell: ({ row }) => row.original.user?.profile?.full_name ?? '-',
-        },
         {
             accessorKey: 'handler.profile.full_name',
             header: () => <span>Ditindaklanjuti Oleh</span>,

resources/js/pages/admin/feedback/index.tsx

@@ -358,12 +358,12 @@ function ViewDetailDialog({
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
             <DialogContent className="flex max-h-[85vh] flex-col overflow-hidden sm:max-w-3xl">
-                <DialogHeader className="shrink-0">
+                <DialogHeader>
                     <DialogTitle>Detail Kritik dan Saran</DialogTitle>
                 </DialogHeader>
 
                 {feedback && (
-                    <div className="grid min-h-0 flex-1 gap-4 overflow-y-auto">
+                    <div className="grid gap-4 overflow-y-auto">
                         <div className="flex flex-wrap items-center gap-2">
                             <Badge variant="outline">
                                 {FeedbackTypeLabels[feedback.type]}
@@ -391,13 +391,6 @@ function ViewDetailDialog({
                             <p className="font-medium">{feedback.subject}</p>
                         </div>
 
-                        <div className="grid gap-1">
-                            <Label className="text-muted-foreground">
-                                Dibuat Oleh
-                            </Label>
-                            <p>{feedback.user?.profile?.full_name ?? '-'}</p>
-                        </div>
-
                         <div className="grid gap-1">
                             <Label className="text-muted-foreground">
                                 Ditindaklanjuti Oleh

resources/js/types/feedback.ts

@@ -23,15 +23,8 @@ export type FeedbackHandler = {
     profile: { full_name: string } | null;
 };
 
-export type FeedbackUser = {
-    id: number;
-    profile: { full_name: string } | null;
-};
-
 export type Feedback = {
     id: number;
-    user_id: number;
-    user: FeedbackUser | null;
     type: FeedbackTypeValue;
     subject: string;
     message: string;