further implementing server page (#4)

* further implementing server page

* optimize icon button

* rename some unnecessary file extensions

* add terminal page & fm card

src/components/note-menu.tsx

@@ -0,0 +1,49 @@
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { ButtonProps } from "@/components/ui/button"
+import { forwardRef, useState } from "react"
+import { IconButton } from "./xui/icon-button"
+import { toast } from "sonner";
+
+interface NoteMenuProps extends ButtonProps {
+    note: { private?: string, public?: string };
+}
+
+export const NoteMenu = forwardRef<HTMLButtonElement, NoteMenuProps>((props, ref) => {
+    const [copy, setCopy] = useState(false);
+
+    const switchState = async (text?: string) => {
+        if (!text) {
+            toast("Warning", {
+                description: "You didn't have any note."
+            })
+            return;
+        }
+
+        if (!copy) {
+            setCopy(true);
+            await navigator.clipboard.writeText(text);
+            setTimeout(() => {
+                setCopy(false);
+            }, 2 * 1000);
+        }
+    }
+
+    return (
+        <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+                <IconButton {...props} ref={ref} variant="outline" size="icon" icon={
+                    copy ? "check" : "clipboard"
+                } />
+            </DropdownMenuTrigger>
+            <DropdownMenuContent>
+                <DropdownMenuItem onClick={() => { switchState(props.note.private) }}>Private</DropdownMenuItem>
+                <DropdownMenuItem onClick={() => { switchState(props.note.public) }}>Public</DropdownMenuItem>
+            </DropdownMenuContent>
+        </DropdownMenu>
+    );
+})