From 456d841bc9f7a4a67bad778caf8d05db86871bf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=9A=A8=EC=9B=90?= <ymj07168@gmail.com>
Date: Mon, 4 Nov 2024 12:35:18 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/TabBar.jsx    |  8 ++------
 src/components/mypage/SubTabBar.jsx | 14 +++++++-------
 src/pages/MyPage.jsx                |  3 ++-
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/components/common/TabBar.jsx b/src/components/common/TabBar.jsx
index 0d69a99..ea1a2ec 100644
--- a/src/components/common/TabBar.jsx
+++ b/src/components/common/TabBar.jsx
@@ -1,10 +1,6 @@
 import { Box, Tab, Tabs } from "@mui/material";
 import React from "react";
-import {
-  faArrowTrendUp,
-  faFlagCheckered,
-  faUsers,
-} from "@fortawesome/free-solid-svg-icons";
+import { faBookOpen, faFlagCheckered } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const TabBar = ({ value, handleChange }) => {
@@ -24,7 +20,7 @@ const TabBar = ({ value, handleChange }) => {
           <Tab
             value="total"
             label="전체 글"
-            icon={<FontAwesomeIcon icon={faArrowTrendUp} />}
+            icon={<FontAwesomeIcon icon={faBookOpen} />}
             iconPosition="start"
             sx={{
               padding: "0px 8px",
diff --git a/src/components/mypage/SubTabBar.jsx b/src/components/mypage/SubTabBar.jsx
index edf9f36..714426a 100644
--- a/src/components/mypage/SubTabBar.jsx
+++ b/src/components/mypage/SubTabBar.jsx
@@ -1,9 +1,9 @@
 import { Tab, Tabs } from "@mui/material";
 import React from "react";
 import {
-  faArrowTrendUp,
-  faFlagCheckered,
-  faUsers,
+  faChartSimple,
+  faHeart,
+  faPenToSquare,
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
@@ -16,14 +16,14 @@ const SubTabBar = ({ value, handleChange }) => {
         aria-label="wrapped label tabs example"
         TabIndicatorProps={{
           style: {
-            backgroundColor: "black", // 밑줄(인디케이터) 색상을 변경
+            backgroundColor: "black",
           },
         }}
       >
         <Tab
           value="write"
           label="작성 글"
-          icon={<FontAwesomeIcon icon={faArrowTrendUp} />}
+          icon={<FontAwesomeIcon icon={faPenToSquare} />}
           iconPosition="start"
           sx={{
             padding: "0px 8px",
@@ -39,7 +39,7 @@ const SubTabBar = ({ value, handleChange }) => {
         <Tab
           value="like"
           label="좋아요 글"
-          icon={<FontAwesomeIcon icon={faFlagCheckered} />}
+          icon={<FontAwesomeIcon icon={faHeart} />}
           iconPosition="start"
           sx={{
             padding: "0px 8px",
@@ -55,7 +55,7 @@ const SubTabBar = ({ value, handleChange }) => {
         <Tab
           value="statistic"
           label="통계"
-          icon={<FontAwesomeIcon icon={faUsers} />}
+          icon={<FontAwesomeIcon icon={faChartSimple} />}
           iconPosition="start"
           sx={{
             padding: "0px 8px",
diff --git a/src/pages/MyPage.jsx b/src/pages/MyPage.jsx
index a86bae5..bacf1e2 100644
--- a/src/pages/MyPage.jsx
+++ b/src/pages/MyPage.jsx
@@ -9,6 +9,7 @@ import {
   faCalendar,
   faHeart,
   faPenToSquare,
+  faRobot,
   faThumbsDown,
   faThumbsUp,
 } from "@fortawesome/free-solid-svg-icons";
@@ -120,7 +121,7 @@ const MyPage = () => {
                 <div className="flex flex-row items-start gap-3">
                   <div className="p-2 bg-blue-100 rounded-md">
                     <FontAwesomeIcon
-                      icon={faPenToSquare}
+                      icon={faRobot}
                       className="w-5 h-5 text-blue-950"
                     />
                   </div>