feat: update ViewDetailDialog; conditionally display target roles based on user permissions

This commit is contained in:
Yoga Pangestu 2026-09-04 10:16:12 +07:00
parent ceeb1e325d
commit 6ec257a1cc

View File

@ -135,6 +135,7 @@ export default function AnnouncementIndex({
<ViewDetailDialog <ViewDetailDialog
open={viewing !== null} open={viewing !== null}
showTargetRoles={canCreate || canUpdate}
onOpenChange={(open) => { onOpenChange={(open) => {
if (!open) { if (!open) {
setViewing(null); setViewing(null);
@ -176,10 +177,12 @@ function ViewDetailDialog({
open, open,
onOpenChange, onOpenChange,
announcement, announcement,
showTargetRoles,
}: { }: {
open: boolean; open: boolean;
onOpenChange: (open: boolean) => void; onOpenChange: (open: boolean) => void;
announcement: Announcement | null; announcement: Announcement | null;
showTargetRoles: boolean;
}) { }) {
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
@ -200,6 +203,7 @@ function ViewDetailDialog({
)} )}
</span> </span>
{showTargetRoles && (
<div className="grid gap-1"> <div className="grid gap-1">
<Label className="text-muted-foreground"> <Label className="text-muted-foreground">
Ditujukan Untuk Ditujukan Untuk
@ -212,6 +216,7 @@ function ViewDetailDialog({
))} ))}
</div> </div>
</div> </div>
)}
<div className="grid gap-1"> <div className="grid gap-1">
<Label className="text-muted-foreground"> <Label className="text-muted-foreground">