From 0198fec43c338df90dfe3d78152103f3093f2bd0 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 23 Apr 2026 15:06:56 +0900
Subject: [PATCH] =?UTF-8?q?refactor(responsive):=20Phase=203=20=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=ED=92=88=EC=A7=88=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Blog/BlogMarketing/Subscription/MusicStudio: 미사용 useIsMobile 제거
- Subscription: 미사용 Link import 제거
- Blog.css: 중복 display:block 제거
- BlogMarketing: dead prop onGenerate 제거
- Todo: 카드 버튼 터치 타겟 26→36px 확대

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/pages/blog-marketing/BlogMarketing.jsx | 4 +---
 src/pages/blog/Blog.css                    | 1 -
 src/pages/blog/Blog.jsx                    | 2 --
 src/pages/music/MusicStudio.jsx            | 2 --
 src/pages/subscription/Subscription.jsx    | 3 ---
 src/pages/todo/Todo.css                    | 4 ++--
 6 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/pages/blog-marketing/BlogMarketing.jsx b/src/pages/blog-marketing/BlogMarketing.jsx
index e32a379..57ea783 100644
--- a/src/pages/blog-marketing/BlogMarketing.jsx
+++ b/src/pages/blog-marketing/BlogMarketing.jsx
@@ -1,5 +1,4 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { useIsMobile } from '../../hooks/useIsMobile';
 import PullToRefresh from '../../components/PullToRefresh';
 import FAB from '../../components/FAB';
 import {
@@ -84,7 +83,6 @@ function usePollTask(onDone) {
 
 /* ══════════════════════════════════════════════════════════════════════════ */
 export default function BlogMarketing() {
-  const isMobile = useIsMobile();
   const [tab, setTab] = useState('dashboard');
   const [status, setStatus] = useState(null);
 
@@ -133,7 +131,7 @@ export default function BlogMarketing() {
       </nav>
 
       {tab === 'dashboard' && <DashboardTab />}
-      {tab === 'research' && <ResearchTab onGenerate={(id) => { setTab('write'); }} />}
+      {tab === 'research' && <ResearchTab />}
       {tab === 'write' && <WriteTab />}
       {tab === 'posts' && <PostsTab />}
 
diff --git a/src/pages/blog/Blog.css b/src/pages/blog/Blog.css
index 6f7eaee..507e513 100644
--- a/src/pages/blog/Blog.css
+++ b/src/pages/blog/Blog.css
@@ -472,7 +472,6 @@
     }
 
     .blog-list.is-visible {
-        display: block;
         position: fixed;
         top: 0;
         left: 0;
diff --git a/src/pages/blog/Blog.jsx b/src/pages/blog/Blog.jsx
index a82bcb4..79223df 100644
--- a/src/pages/blog/Blog.jsx
+++ b/src/pages/blog/Blog.jsx
@@ -6,7 +6,6 @@ import {
     updateBlogPost,
     deleteBlogPost,
 } from '../../api';
-import { useIsMobile } from '../../hooks/useIsMobile';
 import PullToRefresh from '../../components/PullToRefresh';
 import FAB from '../../components/FAB';
 import './Blog.css';
@@ -356,7 +355,6 @@ const BlogEditor = ({ post, onSave, onClose }) => {
 // ── 메인 Blog 컴포넌트 ───────────────────────────────────────────────────────
 
 const Blog = () => {
-    const isMobile = useIsMobile();
     const staticPosts = useMemo(() => getBlogPosts(), []);
     const [apiPosts, setApiPosts] = useState([]);
     const [apiError, setApiError] = useState(false);
diff --git a/src/pages/music/MusicStudio.jsx b/src/pages/music/MusicStudio.jsx
index 3019820..da55ed3 100644
--- a/src/pages/music/MusicStudio.jsx
+++ b/src/pages/music/MusicStudio.jsx
@@ -16,7 +16,6 @@ import {
     generateStyleBoost,
     generateVideo,
 } from '../../api';
-import { useIsMobile } from '../../hooks/useIsMobile';
 import PullToRefresh from '../../components/PullToRefresh';
 import FAB from '../../components/FAB';
 import './MusicStudio.css';
@@ -515,7 +514,6 @@ const Library = ({ tracks, onDelete, onRefresh, onExtend, onVocalRemoval, onCove
 ───────────────────────────────────────────── */
 export default function MusicStudio() {
     /* ── 탭 ── */
-    const isMobile = useIsMobile();
     const [tab, setTab] = useState('create');
 
     /* ── Provider 상태 ── */
diff --git a/src/pages/subscription/Subscription.jsx b/src/pages/subscription/Subscription.jsx
index b4884b6..af6febc 100644
--- a/src/pages/subscription/Subscription.jsx
+++ b/src/pages/subscription/Subscription.jsx
@@ -1,7 +1,5 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { Link } from 'react-router-dom';
 import { apiGet, apiPost, apiPut, apiDelete } from '../../api';
-import { useIsMobile } from '../../hooks/useIsMobile';
 import PullToRefresh from '../../components/PullToRefresh';
 import FAB from '../../components/FAB';
 import './Subscription.css';
@@ -1299,7 +1297,6 @@ function ProfileTab() {
 
 // ── Subscription (Main) ──────────────────────────────────────────────────────
 function Subscription() {
-    const isMobile = useIsMobile();
     const [activeTab, setActiveTab] = useState(0);
     const [refreshKey, setRefreshKey] = useState(0);
 
diff --git a/src/pages/todo/Todo.css b/src/pages/todo/Todo.css
index d1f7155..f8eaf75 100644
--- a/src/pages/todo/Todo.css
+++ b/src/pages/todo/Todo.css
@@ -222,8 +222,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 26px;
-    height: 26px;
+    width: 36px;
+    height: 36px;
     border-radius: 8px;
     border: 1px solid var(--line);
     background: rgba(255, 255, 255, 0.04);