2 files changed,
+35,
-0
+11,
-0
1@@ -368,3 +368,14 @@ module CircleUser = {
2 ~className: string=?,
3 ) => Jsx.element = "CircleUser"
4 }
5+
6+module Split = {
7+ @module("lucide-preact") @jsx.component
8+ external make: (
9+ ~size: int=?,
10+ ~color: string=?,
11+ ~strokeWidth: int=?,
12+ ~absoluteStrokeWidth: bool=?,
13+ ~className: string=?,
14+ ) => Jsx.element = "Split"
15+}
+24,
-0
1@@ -88,6 +88,30 @@ let make = (~doc: string) => {
2 <div className="font-extrabold"> {time->Time.humanize->Preact.string} </div>
3 </div>
4 </div>
5+ {State.readonly->Preact.Signal.get
6+ ? <div className="">
7+ <Menu.Root>
8+ <Menu.Trigger className="flex flex-row gap-1 rounded-full bg-orange">
9+ <Icons.Split className="my-auto" />
10+ {"Edit"->Preact.string}
11+ </Menu.Trigger>
12+ <Menu.Portal>
13+ <Menu.Positioner align={#end} side={#top}>
14+ <Menu.Popup className="flex flex-col gap-2 w-40">
15+ <Menu.Group>
16+ <Menu.GroupLabel>
17+ {"This document is read-only. If you want to make changes, you can fork it to create your own editable copy."->Preact.string}
18+ </Menu.GroupLabel>
19+ <Menu.LinkItem href={`fork/${doc}`} className="">
20+ {"Fork a copy of this document"->Preact.string}
21+ </Menu.LinkItem>
22+ </Menu.Group>
23+ </Menu.Popup>
24+ </Menu.Positioner>
25+ </Menu.Portal>
26+ </Menu.Root>
27+ </div>
28+ : Preact.null}
29 <div className="px-4 py-2">
30 <div className="flex flex-row items-center justify-center gap-1 text-xs">
31 {switch status {