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/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 ( 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); } }