1- import { getScanReport , getScanReportPermissions } from "@/api/scanreports" ;
1+ import {
2+ getScanReport ,
3+ getScanReportPermissions ,
4+ } from "@/api/scanreports" ;
25import { Forbidden } from "@/components/core/Forbidden" ;
36import { NavGroup } from "@/components/core/nav-group" ;
47import DeleteDialog from "@/components/scanreports/DeleteDialog" ;
58import { Button } from "@/components/ui/button" ;
6- import { Edit , FileScan , Folders , GripVertical } from "lucide-react" ;
9+ import { FileScan , Folders , GripVertical } from "lucide-react" ;
710import { Boundary } from "@/components/core/boundary" ;
11+ import { AvatarList } from "@/components/core/avatar-list" ;
812import {
913 DropdownMenu ,
1014 DropdownMenuContent ,
1115 DropdownMenuTrigger ,
1216 DropdownMenuSeparator ,
13- DropdownMenuLabel ,
14-
17+ DropdownMenuLabel
1518} from "@/components/ui/dropdown-menu" ;
1619import { Suspense } from "react" ;
1720import { Skeleton } from "@/components/ui/skeleton" ;
@@ -112,7 +115,7 @@ export default async function ScanReportLayout(
112115 value = { format ( createdDate , "MMM dd, yyyy h:mm a" ) }
113116 className = "py-1 md:py-0 md:px-3"
114117 />
115- < div className = "py-1 md:py-0 md:px-3 h-5 flex items-center gap-2" >
118+ < div className = "py-1 md:py-0 md:px-3 h-5 flex items-center gap-2 text-muted-foreground " >
116119 Upload status:{ " " }
117120 < StatusIcon
118121 statusOptions = { UploadStatusOptions }
@@ -131,7 +134,20 @@ export default async function ScanReportLayout(
131134 }
132135 />
133136 </ div >
137+
138+
134139 </ div >
140+ < div className = "flex flex-col md:flex-row md:items-center h-7 text-sm space-y-2 md:space-y-0 divide-y md:divide-y-0 md:divide-x" >
141+ < div className = "flex items-center gap-2 text-muted-foreground" >
142+ Members:{ " " }
143+ < AvatarList
144+ members = { [ ...scanreport . viewers , ...scanreport . editors ] . filter (
145+ ( member , index , self ) =>
146+ index === self . findIndex ( ( m ) => m . id === member . id )
147+ ) }
148+ />
149+ </ div >
150+ </ div >
135151 { /* "Navs" group */ }
136152 < div className = "flex flex-col md:flex-row justify-between" >
137153 < div >
@@ -163,7 +179,7 @@ export default async function ScanReportLayout(
163179 scanReportId = { params . id }
164180 scanReportName = { scanreport . dataset }
165181 />
166-
182+
167183 < DeleteDialog id = { Number ( params . id ) } redirect needTrigger />
168184 </ DropdownMenuContent >
169185 </ DropdownMenu >
0 commit comments