feat: 아이콘 변경

hyundai-autoever-first-project-team3 · Nov 4, 2024 · 456d841 · 456d841
1 parent 162b577
commit 456d841
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 14 deletions.
diff --git 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
@@ -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
@@ -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>