@@ -5,6 +5,8 @@ import { useEffect, useRef, useState } from "react";
5
5
import { TeamContextType } from "@/context/team-context" ;
6
6
import {
7
7
BetweenHorizontalStartIcon ,
8
+ ClipboardCopyIcon ,
9
+ CopyIcon ,
8
10
FolderIcon ,
9
11
FolderInputIcon ,
10
12
FolderPenIcon ,
@@ -15,6 +17,10 @@ import {
15
17
import { toast } from "sonner" ;
16
18
import { mutate } from "swr" ;
17
19
20
+ import { DataroomFolderWithCount } from "@/lib/swr/use-dataroom" ;
21
+ import { FolderWithCount } from "@/lib/swr/use-documents" ;
22
+ import { timeAgo } from "@/lib/utils" ;
23
+
18
24
import { Button } from "@/components/ui/button" ;
19
25
import {
20
26
DropdownMenu ,
@@ -25,10 +31,6 @@ import {
25
31
DropdownMenuTrigger ,
26
32
} from "@/components/ui/dropdown-menu" ;
27
33
28
- import { DataroomFolderWithCount } from "@/lib/swr/use-dataroom" ;
29
- import { FolderWithCount } from "@/lib/swr/use-documents" ;
30
- import { timeAgo } from "@/lib/utils" ;
31
-
32
34
import { MoveToDataroomFolderModal } from "../datarooms/move-dataroom-folder-modal" ;
33
35
import { EditFolderModal } from "../folders/edit-folder-modal" ;
34
36
import { AddFolderToDataroomModal } from "./add-folder-to-dataroom-modal" ;
@@ -244,7 +246,7 @@ export default function FolderCard({
244
246
< MoreVertical className = "h-4 w-4" />
245
247
</ Button >
246
248
</ DropdownMenuTrigger >
247
- < DropdownMenuContent align = "end" ref = { dropdownRef } >
249
+ < DropdownMenuContent align = "end" ref = { dropdownRef } className = "w-64" >
248
250
< DropdownMenuLabel > Actions</ DropdownMenuLabel >
249
251
< DropdownMenuItem
250
252
onClick = { ( e ) => {
@@ -286,6 +288,23 @@ export default function FolderCard({
286
288
? "Copy folder to other dataroom"
287
289
: "Add folder to dataroom" }
288
290
</ DropdownMenuItem >
291
+ < DropdownMenuItem
292
+ onClick = { ( e ) => {
293
+ e . preventDefault ( ) ;
294
+ e . stopPropagation ( ) ;
295
+ navigator . clipboard . writeText ( folder . id ) ;
296
+ toast . success ( "Folder ID copied to clipboard" ) ;
297
+ } }
298
+ className = "group/folderid"
299
+ >
300
+ < CopyIcon className = "mr-2 h-4 w-4" />
301
+ < span className = "inline group-hover/folderid:hidden" >
302
+ Copy Folder ID
303
+ </ span >
304
+ < span className = "hidden group-hover/folderid:inline group-hover/folderid:cursor-copy" >
305
+ { folder . id }
306
+ </ span >
307
+ </ DropdownMenuItem >
289
308
< DropdownMenuSeparator />
290
309
291
310
< DropdownMenuItem
0 commit comments