chore: monorepo

packages/ark/src/components/note/buttons/reply.tsx

@@ -0,0 +1,43 @@
+import { ReplyIcon } from "@lume/icons";
+import * as Tooltip from "@radix-ui/react-tooltip";
+import { createSearchParams, useNavigate } from "react-router-dom";
+
+export function NoteReply({
+	eventId,
+	rootEventId,
+}: {
+	eventId: string;
+	rootEventId?: string;
+}) {
+	const navigate = useNavigate();
+
+	return (
+		<Tooltip.Provider>
+			<Tooltip.Root delayDuration={150}>
+				<Tooltip.Trigger asChild>
+					<button
+						type="button"
+						onClick={() =>
+							navigate({
+								pathname: "/new/",
+								search: createSearchParams({
+									replyTo: eventId,
+									rootReplyTo: rootEventId,
+								}).toString(),
+							})
+						}
+						className="group inline-flex h-7 w-7 items-center justify-center text-neutral-600 dark:text-neutral-400"
+					>
+						<ReplyIcon className="h-5 w-5 group-hover:text-blue-500" />
+					</button>
+				</Tooltip.Trigger>
+				<Tooltip.Portal>
+					<Tooltip.Content className="-left-10 inline-flex h-7 select-none items-center justify-center rounded-md bg-neutral-200 px-3.5 text-sm text-neutral-900 will-change-[transform,opacity] data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade dark:bg-neutral-800 dark:text-neutral-100">
+						Quick reply
+						<Tooltip.Arrow className="fill-neutral-200 dark:fill-neutral-800" />
+					</Tooltip.Content>
+				</Tooltip.Portal>
+			</Tooltip.Root>
+		</Tooltip.Provider>
+	);
+}