From b01305f8e557ebc69362e60520682815c23c22ed Mon Sep 17 00:00:00 2001 From: Chaewon Date: Tue, 6 Aug 2024 22:23:49 +0900 Subject: [PATCH 1/2] change svgs to mui icons --- packages/view/src/assets/author.svg | 3 --- packages/view/src/assets/changed-file.svg | 3 --- packages/view/src/assets/commit.svg | 3 --- packages/view/src/assets/diff-add.svg | 3 --- packages/view/src/assets/diff-delete.svg | 3 --- .../view/src/components/Detail/Detail.tsx | 20 +++++++++---------- 6 files changed, 10 insertions(+), 25 deletions(-) delete mode 100644 packages/view/src/assets/author.svg delete mode 100644 packages/view/src/assets/changed-file.svg delete mode 100644 packages/view/src/assets/commit.svg delete mode 100644 packages/view/src/assets/diff-add.svg delete mode 100644 packages/view/src/assets/diff-delete.svg diff --git a/packages/view/src/assets/author.svg b/packages/view/src/assets/author.svg deleted file mode 100644 index 6a952e9b..00000000 --- a/packages/view/src/assets/author.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/view/src/assets/changed-file.svg b/packages/view/src/assets/changed-file.svg deleted file mode 100644 index a33e1db7..00000000 --- a/packages/view/src/assets/changed-file.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/view/src/assets/commit.svg b/packages/view/src/assets/commit.svg deleted file mode 100644 index 2f75b438..00000000 --- a/packages/view/src/assets/commit.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/view/src/assets/diff-add.svg b/packages/view/src/assets/diff-add.svg deleted file mode 100644 index f07da9ee..00000000 --- a/packages/view/src/assets/diff-add.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/view/src/assets/diff-delete.svg b/packages/view/src/assets/diff-delete.svg deleted file mode 100644 index a5dbc9d0..00000000 --- a/packages/view/src/assets/diff-delete.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/view/src/components/Detail/Detail.tsx b/packages/view/src/components/Detail/Detail.tsx index 2fea7b8b..f76d1a02 100644 --- a/packages/view/src/components/Detail/Detail.tsx +++ b/packages/view/src/components/Detail/Detail.tsx @@ -1,10 +1,10 @@ import dayjs from "dayjs"; +import AddCircleRoundedIcon from "@mui/icons-material/AddCircleRounded"; +import RemoveCircleRoundedIcon from "@mui/icons-material/RemoveCircleRounded"; +import PersonRoundedIcon from "@mui/icons-material/PersonRounded"; +import CommitRoundedIcon from "@mui/icons-material/CommitRounded"; +import RestorePageRoundedIcon from "@mui/icons-material/RestorePageRounded"; -import AuthorIcon from "assets/author.svg"; -import ChangedFileIcon from "assets/changed-file.svg"; -import CommitIcon from "assets/commit.svg"; -import DiffAddIcon from "assets/diff-add.svg"; -import DiffDeleteIcon from "assets/diff-delete.svg"; import { Author } from "components/@common/Author"; import { useCommitListHide } from "./Detail.hook"; @@ -20,11 +20,11 @@ const DetailSummary = ({ commitNodeListInCluster }: DetailSummaryProps) => { }); const summaryItems: DetailSummaryItem[] = [ - { name: "authors", count: authorLength, icon: }, - { name: "commits", count: commitLength, icon: }, - { name: "changed files", count: fileLength, icon: }, - { name: "additions", count: insertions, icon: }, - { name: "deletions", count: deletions, icon: }, + { name: "authors", count: authorLength, icon: }, + { name: "commits", count: commitLength, icon: }, + { name: "changed files", count: fileLength, icon: }, + { name: "additions", count: insertions, icon: }, + { name: "deletions", count: deletions, icon: }, ]; return ( From 39c47d33fe3db426000255fd87d5fe8108b0cd0e Mon Sep 17 00:00:00 2001 From: Chaewon Date: Tue, 6 Aug 2024 23:18:35 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=EC=95=84=EC=9D=B4=EC=BD=98=EC=9D=84=20?= =?UTF-8?q?=EC=A0=84=EB=B6=80=20mui=EB=A1=9C=20=EC=88=98=EC=A0=95,=20react?= =?UTF-8?q?-icon=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/view/package.json | 1 - .../view/src/components/RefreshButton/RefreshButton.tsx | 7 +++---- .../VerticalClusterList/Summary/Content/Content.tsx | 6 +++--- .../components/VerticalClusterList/Summary/Summary.scss | 1 + 4 files changed, 7 insertions(+), 8 deletions(-) diff --git a/packages/view/package.json b/packages/view/package.json index 700eb931..ae6517c0 100644 --- a/packages/view/package.json +++ b/packages/view/package.json @@ -106,7 +106,6 @@ "nanoid": "^4.0.0", "react": "^18.1.0", "react-dom": "^18.1.0", - "react-icons": "^4.4.0", "react-spinners": "^0.13.8", "reflect-metadata": "^0.1.13", "svg-parser": "^2.0.4", diff --git a/packages/view/src/components/RefreshButton/RefreshButton.tsx b/packages/view/src/components/RefreshButton/RefreshButton.tsx index d066e4ac..cf1b4ebc 100644 --- a/packages/view/src/components/RefreshButton/RefreshButton.tsx +++ b/packages/view/src/components/RefreshButton/RefreshButton.tsx @@ -1,10 +1,9 @@ import "reflect-metadata"; import cn from "classnames"; -import { FiRefreshCcw } from "react-icons/fi"; +import ReplayCircleFilledRoundedIcon from "@mui/icons-material/ReplayCircleFilledRounded"; import { throttle } from "utils"; import { useGlobalData } from "hooks"; - import "./RefreshButton.scss"; import { sendRefreshDataCommand } from "services"; @@ -22,9 +21,9 @@ const RefreshButton = () => { className={cn("refresh-button")} onClick={refreshHandler} > - ); diff --git a/packages/view/src/components/VerticalClusterList/Summary/Content/Content.tsx b/packages/view/src/components/VerticalClusterList/Summary/Content/Content.tsx index ac5e0825..5920734c 100644 --- a/packages/view/src/components/VerticalClusterList/Summary/Content/Content.tsx +++ b/packages/view/src/components/VerticalClusterList/Summary/Content/Content.tsx @@ -1,5 +1,5 @@ import React, { useEffect, useState } from "react"; -import { IoIosArrowDropdownCircle, IoIosArrowDropupCircle } from "react-icons/io"; +import ArrowDropDownCircleRoundedIcon from "@mui/icons-material/ArrowDropDownCircleRounded"; import { useGlobalData } from "hooks"; @@ -48,9 +48,9 @@ const Content = ({ content, clusterId, selectedClusterId }: ContentProps) => {
{selectedClusterId.includes(clusterId) ? ( - + ) : ( - + )}
diff --git a/packages/view/src/components/VerticalClusterList/Summary/Summary.scss b/packages/view/src/components/VerticalClusterList/Summary/Summary.scss index 8f3d9028..17d12b77 100644 --- a/packages/view/src/components/VerticalClusterList/Summary/Summary.scss +++ b/packages/view/src/components/VerticalClusterList/Summary/Summary.scss @@ -47,6 +47,7 @@ & .show { visibility: visible; + transform: rotate(180deg); } }