From a6c6966cf10c6aaa0eec51f0f8408b94be3f7f5f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 1 Sep 2026 00:08:45 +0700
Subject: [PATCH] feat: update alert rendering for feedback and student status
 changes based on permissions

---
 resources/js/pages/admin/feedback/index.tsx   | 26 ++++++++--------
 .../js/pages/admin/users/students/index.tsx   | 30 ++++++++++---------
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/resources/js/pages/admin/feedback/index.tsx b/resources/js/pages/admin/feedback/index.tsx
index 15cad6e..5349f28 100644
--- a/resources/js/pages/admin/feedback/index.tsx
+++ b/resources/js/pages/admin/feedback/index.tsx
@@ -1,7 +1,3 @@
-import { Head, Link, router } from '@inertiajs/react';
-import { format } from 'date-fns';
-import { Info, Plus } from 'lucide-react';
-import { useState } from 'react';
 import type { PaginationState } from '@/components/data-table';
 import { DataTable } from '@/components/data-table';
 import { DeleteConfirmDialog } from '@/components/delete-confirm-dialog';
@@ -31,6 +27,10 @@ import {
 } from '@/routes/admin/feedback';
 import type { Feedback } from '@/types/feedback';
 import { FeedbackStatusLabels, FeedbackTypeLabels } from '@/types/feedback';
+import { Head, Link, router } from '@inertiajs/react';
+import { format } from 'date-fns';
+import { Info, Plus } from 'lucide-react';
+import { useState } from 'react';
 import { createFeedbackColumns, FeedbackStatusVariants } from './columns';
 
 type FeedbackTypeOption = { value: string; label: string };
@@ -155,14 +155,16 @@ export default function FeedbackIndex({
                     feedback={viewing}
                 />
 
-                <Alert>
-                    <Info />
-                    <AlertTitle>Ubah status Kritik dan Saran</AlertTitle>
-                    <AlertDescription>
-                        Klik badge Status pada tabel untuk mengubah status
-                        Kritik dan Saran secara langsung.
-                    </AlertDescription>
-                </Alert>
+                {canUpdateStatus && (
+                    <Alert>
+                        <Info />
+                        <AlertTitle>Ubah status Kritik dan Saran</AlertTitle>
+                        <AlertDescription>
+                            Klik badge Status pada tabel untuk mengubah status
+                            Kritik dan Saran secara langsung.
+                        </AlertDescription>
+                    </Alert>
+                )}
 
                 <DataTable
                     columns={columns}
diff --git a/resources/js/pages/admin/users/students/index.tsx b/resources/js/pages/admin/users/students/index.tsx
index e77d6a1..03f75cc 100644
--- a/resources/js/pages/admin/users/students/index.tsx
+++ b/resources/js/pages/admin/users/students/index.tsx
@@ -1,6 +1,3 @@
-import { Head, Link, router } from '@inertiajs/react';
-import { FileSpreadsheet, Info, Plus, RotateCcw } from 'lucide-react';
-import { useState } from 'react';
 import { ConfirmDialog } from '@/components/confirm-dialog';
 import type { PaginationState } from '@/components/data-table';
 import { DataTable } from '@/components/data-table';
@@ -16,15 +13,18 @@ import {
     create,
     destroy,
     edit,
+    exportMethod as exportStudents,
     reset_password,
+    index as studentsIndex,
     update_status,
     update_user_status,
-    exportMethod as exportStudents,
-    index as studentsIndex,
 } from '@/routes/admin/users/students';
 import { formatDepartmentLabel } from '@/types/department';
-import { createStudentColumns } from './columns';
+import { Head, Link, router } from '@inertiajs/react';
+import { FileSpreadsheet, Info, Plus, RotateCcw } from 'lucide-react';
+import { useState } from 'react';
 import type { Student } from './columns';
+import { createStudentColumns } from './columns';
 
 type Department = { id: number; name: string; degree_level: string | null };
 type StatusOption = { value: string; label: string };
@@ -210,14 +210,16 @@ export default function StudentIndex({
                     }
                 />
 
-                <Alert>
-                    <Info />
-                    <AlertTitle>Ubah status mahasiswa</AlertTitle>
-                    <AlertDescription>
-                        Klik badge Status pada tabel untuk mengubah status
-                        mahasiswa secara langsung.
-                    </AlertDescription>
-                </Alert>
+                {canUpdateAcademicStatus && (
+                    <Alert>
+                        <Info />
+                        <AlertTitle>Ubah status mahasiswa</AlertTitle>
+                        <AlertDescription>
+                            Klik badge Status pada tabel untuk mengubah status
+                            mahasiswa secara langsung.
+                        </AlertDescription>
+                    </Alert>
+                )}
 
                 <DataTable
                     columns={columns}