From 9729b42837aa8fd40334fc64380fe7c1e75bd698 Mon Sep 17 00:00:00 2001
From: rsone001 <rsone001@gmail.com>
Date: Fri, 9 Jan 2026 17:25:16 +0900
Subject: [PATCH] =?UTF-8?q?st:=20refactor:=20-=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/button/AddArticleButton.tsx   | 16 ++++++++++++++++
 .../components/button/DeleteArticleButton.tsx    | 16 ++++++++++++++++
 .../button/UpdateOperateDataButton.tsx           | 16 ++++++++++++++++
 3 files changed, 48 insertions(+)
 create mode 100644 apps/st/src/components/button/AddArticleButton.tsx
 create mode 100644 apps/st/src/components/button/DeleteArticleButton.tsx
 create mode 100644 apps/st/src/components/button/UpdateOperateDataButton.tsx

diff --git a/apps/st/src/components/button/AddArticleButton.tsx b/apps/st/src/components/button/AddArticleButton.tsx
new file mode 100644
index 000000000..b1bb3252f
--- /dev/null
+++ b/apps/st/src/components/button/AddArticleButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface AddArticleButtonProps {
+    addArticleFunc: () => void;
+}
+
+const AddArticleButton = ({ addArticleFunc }: AddArticleButtonProps) => {
+    return (
+        <Button className="h-[3.2rem] w-[96px]" onClick={addArticleFunc}>
+            <i className="ri-add-fill" />
+            <span>항목 추가</span>
+        </Button>
+    );
+};
+
+export default AddArticleButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/DeleteArticleButton.tsx b/apps/st/src/components/button/DeleteArticleButton.tsx
new file mode 100644
index 000000000..4a2e3bbd6
--- /dev/null
+++ b/apps/st/src/components/button/DeleteArticleButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface DeleteArticleButtonProps {
+    DeleteArticleFunc: () => void;
+}
+
+const DeleteArticleButton = ({ DeleteArticleFunc }: DeleteArticleButtonProps) => {
+    return (
+        <Button className="h-[3.2rem] w-[96px]" color="red" onClick={DeleteArticleFunc}>
+            <i className="ri-subtract-fill"></i>
+            <span>항목 제거</span>
+        </Button>
+    );
+};
+
+export default DeleteArticleButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/UpdateOperateDataButton.tsx b/apps/st/src/components/button/UpdateOperateDataButton.tsx
new file mode 100644
index 000000000..ee239f674
--- /dev/null
+++ b/apps/st/src/components/button/UpdateOperateDataButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface UpdateOperateDataButtonProps {
+    UpdateOperateDataButtonFunc: () => void;
+}
+
+const UpdateOperateDataButton = ({ UpdateOperateDataButtonFunc }: UpdateOperateDataButtonProps) => {
+    return (
+        <Button color="emerald" className="h-[3.2rem] w-[176px]" onClick={UpdateOperateDataButtonFunc}>
+            <i className="diveicon di-arrow-up-down" />
+            <span>운영 데이터 업데이트</span>
+        </Button>
+    );
+};
+
+export default UpdateOperateDataButton;
\ No newline at end of file