0.29.1原版

2026-07-02 19:14:14 +08:00
commit d94008f0fb
947 changed files with 174905 additions and 0 deletions
@@ -0,0 +1,58 @@
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import useCurrentUser from "@/hooks/useCurrentUser";
+import { cn } from "@/lib/utils";
+import { State } from "@/types/proto/api/v1/common_pb";
+import type { Memo } from "@/types/proto/api/v1/memo_service_pb";
+import type { User } from "@/types/proto/api/v1/user_service_pb";
+import { formatReactionTooltip, useReactionActions } from "./hooks";
+
+interface Props {
+  memo: Memo;
+  reactionType: string;
+  users: User[];
+}
+
+const ReactionView = (props: Props) => {
+  const { memo, reactionType, users } = props;
+  const currentUser = useCurrentUser();
+  const hasReaction = users.some((user) => currentUser && user.username === currentUser.username);
+  const readonly = memo.state === State.ARCHIVED;
+
+  const { handleReactionClick } = useReactionActions({ memo });
+
+  const handleClick = () => {
+    if (!currentUser || readonly) return;
+    handleReactionClick(reactionType);
+  };
+
+  const isClickable = currentUser && !readonly;
+
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            type="button"
+            className={cn(
+              "h-7 border px-2 py-0.5 rounded-full flex flex-row justify-center items-center gap-1",
+              "text-sm text-muted-foreground",
+              isClickable && "cursor-pointer",
+              !isClickable && "cursor-default",
+              hasReaction && "bg-accent border-border",
+            )}
+            onClick={handleClick}
+            disabled={!isClickable}
+          >
+            <span>{reactionType}</span>
+            <span className="opacity-60">{users.length}</span>
+          </button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>{formatReactionTooltip(users, reactionType)}</p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+};
+
+export default ReactionView;