From 0c9dd44c2ba899f596d2840137d13dee183d8e02 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Fri, 6 Feb 2026 18:12:22 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=B4=87=20=ED=85=8C=EC=9D=B4=EB=B8=94?=
 =?UTF-8?q?=20=EC=95=A1=EC=85=98=20=EB=B2=84=ED=8A=BC=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 전체 동기화 아이콘을 RotateCcw로 변경
- YouTube 봇에만 수정(Pencil) 버튼 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/components/pc/admin/bot/BotCard.jsx    | 18 ++++++++++++++----
 .../pages/pc/admin/schedules/ScheduleBots.jsx  |  1 +
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/pc/admin/bot/BotCard.jsx b/frontend/src/components/pc/admin/bot/BotCard.jsx
index 01d4760..f7ad509 100644
--- a/frontend/src/components/pc/admin/bot/BotCard.jsx
+++ b/frontend/src/components/pc/admin/bot/BotCard.jsx
@@ -3,7 +3,7 @@
  */
 import { memo } from 'react';
 import { motion } from 'framer-motion';
-import { Play, Square, RefreshCw, Download } from 'lucide-react';
+import { Play, Square, RefreshCw, RotateCcw, Pencil } from 'lucide-react';
 
 // X 아이콘 컴포넌트
 export const XIcon = ({ size = 20, fill = 'currentColor' }) => (
@@ -195,7 +195,7 @@ export const BotMiniCard = memo(function BotMiniCard({
 });
 
 /**
- * 테이블 행 봇 (X용)
+ * 테이블 행 봇
  */
 export const BotTableRow = memo(function BotTableRow({
   bot,
@@ -205,6 +205,7 @@ export const BotTableRow = memo(function BotTableRow({
   statusInfo,
   onSync,
   onToggle,
+  onEdit,
   onAnimationComplete,
   formatTime,
   formatInterval,
@@ -220,7 +221,7 @@ export const BotTableRow = memo(function BotTableRow({
       <td className="px-4 py-3">
         <div className="flex items-center gap-2">
           <span className={`w-2 h-2 rounded-full ${statusInfo.dot} ${bot.status === 'running' ? 'animate-pulse' : ''}`} />
-          <span className="font-medium text-gray-900">{bot.name}</span>
+          <span className="font-medium text-gray-900 truncate">{bot.name}</span>
         </div>
       </td>
       <td className="px-4 py-3 text-sm text-gray-500">
@@ -249,9 +250,18 @@ export const BotTableRow = memo(function BotTableRow({
             {syncing === bot.id ? (
               <RefreshCw size={16} className="animate-spin" />
             ) : (
-              <Download size={16} />
+              <RotateCcw size={16} />
             )}
           </button>
+          {bot.type === 'youtube' && onEdit && (
+            <button
+              onClick={() => onEdit(bot)}
+              className="p-1.5 text-gray-400 hover:text-amber-600 hover:bg-amber-50 rounded transition-colors"
+              title="수정"
+            >
+              <Pencil size={16} />
+            </button>
+          )}
           <button
             onClick={() => onToggle(bot.id, bot.status, bot.name)}
             className={`p-1.5 rounded transition-colors ${
diff --git a/frontend/src/pages/pc/admin/schedules/ScheduleBots.jsx b/frontend/src/pages/pc/admin/schedules/ScheduleBots.jsx
index c25d7bc..66be3cb 100644
--- a/frontend/src/pages/pc/admin/schedules/ScheduleBots.jsx
+++ b/frontend/src/pages/pc/admin/schedules/ScheduleBots.jsx
@@ -397,6 +397,7 @@ function ScheduleBots() {
                           statusInfo={getStatusInfo(bot.status)}
                           onSync={handleSyncAllVideos}
                           onToggle={toggleBot}
+                          onEdit={(bot) => {/* TODO: 봇 수정 모달 */}}
                           onAnimationComplete={() =>
                             isInitialLoad && index === sectionBots.length - 1 && setIsInitialLoad(false)
                           }