From 58c435d67e36591cfeb55f72bc4d4852d30a7b80 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 18 Jul 2025 18:59:45 +0900
Subject: [PATCH] =?UTF-8?q?[apps/cs]=20chore:=20=ED=8A=B8=EB=A6=AC?=
 =?UTF-8?q?=EB=A9=94=EB=89=B4=EC=97=90=20=ED=88=B4=ED=8C=81=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/menu/ui/editable-node.tsx | 45 +++++++++++++--------
 apps/cs/src/pages/site/ui/editable-node.tsx | 45 +++++++++++++--------
 2 files changed, 58 insertions(+), 32 deletions(-)

diff --git a/apps/cs/src/pages/menu/ui/editable-node.tsx b/apps/cs/src/pages/menu/ui/editable-node.tsx
index f2274f4d8..4f1fe859c 100644
--- a/apps/cs/src/pages/menu/ui/editable-node.tsx
+++ b/apps/cs/src/pages/menu/ui/editable-node.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from "react";
 import { Button, Input } from "@common/components";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
 
 type EditableNodeProps = {
   depth?: number;
@@ -20,22 +21,34 @@ function EditableNode({
     >
       <Input {...props} className="h-[2.5rem] !text-[1.3rem] text-foreground" />
       <div className="flex items-center gap-1">
-        <Button
-          variant="ghost"
-          size="icon"
-          className="size-8 !bg-transparent"
-          onClick={onSave}
-        >
-          <i className="diveicon di-check text-2xl" />
-        </Button>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="size-8 !bg-transparent"
-          onClick={onCancel}
-        >
-          <i className="diveicon di-x" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8 !bg-transparent"
+              onClick={onSave}
+              aria-label="저장"
+            >
+              <i className="diveicon di-check text-2xl" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>저장</TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8 !bg-transparent"
+              onClick={onCancel}
+              aria-label="취소"
+            >
+              <i className="diveicon di-x" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>취소</TooltipContent>
+        </Tooltip>
       </div>
     </div>
   );
diff --git a/apps/cs/src/pages/site/ui/editable-node.tsx b/apps/cs/src/pages/site/ui/editable-node.tsx
index 20ac90812..b297fa51b 100644
--- a/apps/cs/src/pages/site/ui/editable-node.tsx
+++ b/apps/cs/src/pages/site/ui/editable-node.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from "react";
 import { Button, Input } from "@common/components";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
 
 type EditableNodeProps = {
   depth?: number;
@@ -21,22 +22,34 @@ function EditableNode({
     >
       <Input {...props} className="h-[2.5rem] !text-[1.3rem] text-foreground" />
       <div className="flex items-center gap-1">
-        <Button
-          variant="ghost"
-          size="icon"
-          className="size-8 !bg-transparent"
-          onClick={onSave}
-        >
-          <i className="diveicon di-check text-2xl" />
-        </Button>
-        <Button
-          variant="ghost"
-          size="icon"
-          className="size-8 !bg-transparent"
-          onClick={onCancel}
-        >
-          <i className="diveicon di-x" />
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8 !bg-transparent"
+              onClick={onSave}
+              aria-label="저장"
+            >
+              <i className="diveicon di-check text-2xl" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>저장</TooltipContent>
+        </Tooltip>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8 !bg-transparent"
+              onClick={onCancel}
+              aria-label="취소"
+            >
+              <i className="diveicon di-x" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>취소</TooltipContent>
+        </Tooltip>
       </div>
     </div>
   );