react-icons -> antd-icon 변경완료

code-bootcamp · May 9, 2023 · 0624d76 · 0624d76
1 parent 90ae410
commit 0624d76
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 39 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,6 @@
     "next": "12.2.5",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-icons": "^4.8.0",
     "react-intersection-observer": "^9.4.3",
     "react-responsive": "^9.0.2",
     "react-scroll-to-bottom": "^4.2.0",

diff --git a/src/commons/styles/icons.ts b/src/commons/styles/icons.ts
@@ -5,7 +5,6 @@ import {
   HeartFilled,
   EditOutlined,
   DeleteOutlined,
-  SearchOutlined,
   PlusOutlined,
   ExclamationCircleOutlined,
 } from "@ant-design/icons";

diff --git a/src/components/commons/search/CustomSearchInput.tsx b/src/components/commons/search/CustomSearchInput.tsx
@@ -1,9 +1,7 @@
 import styled from "@emotion/styled";
 import { breakPoints } from "../../../commons/styles/media";
-import { BsSearchHeartFill } from "react-icons/bs";
-import { ChangeEvent, Dispatch, SetStateAction, MouseEvent } from "react";
-import { Icon_Close } from "../../../commons/styles/icons";
-import { CloseOutlined, CloseCircleOutlined } from "@ant-design/icons";
+import { ChangeEvent } from "react";
+import { CloseOutlined, HeartFilled } from "@ant-design/icons";
 
 export const SearchSection = styled.section`
   width: 100vw;
@@ -93,7 +91,7 @@ export const ResetBtn = styled(CloseOutlined)`
   border-radius: 50%;
 `;
 
-export const SearchIcon = styled(BsSearchHeartFill)`
+export const SearchIcon = styled(HeartFilled)`
   color: var(--point-color-beige);
   font-size: var(--font-size-md);
 

diff --git a/src/components/units/boards/answer/answer.tsx b/src/components/units/boards/answer/answer.tsx
@@ -1,6 +1,6 @@
 import styled from "@emotion/styled";
 import { breakPoints } from "../../../../commons/styles/media";
-import { TiHeart } from "react-icons/ti";
+import { HeartFilled } from "@ant-design/icons";
 
 export default function Answer({
   userImg,
@@ -33,7 +33,7 @@ export default function Answer({
       </RankingSeal>
       <TagHeartWrapper>
         <Heart>
-          <TiHeart style={{ color: "#ff7d93", fontSize: "20px" }} />
+          <HeartFilled />
           <span>{likes}</span>
         </Heart>
       </TagHeartWrapper>
@@ -153,9 +153,9 @@ const Heart = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  /* font-size: 0.8rem; */
-
-  span {
+  color: #ff7d93;
+  font-size: 20px;
+  > span {
     color: #7f6350;
   }
 `;
diff --git a/src/components/units/boards/writing/Writing.tsx b/src/components/units/boards/writing/Writing.tsx
@@ -1,10 +1,10 @@
 import styled from "@emotion/styled";
 import Tag from "../../../commons/hashtag/HashTag";
-import { FaCommentDots } from "react-icons/fa";
 import { breakPoints } from "../../../../commons/styles/media";
 import { getDate2 } from "../../../../commons/libraries/getDate";
 import { v4 as uuidv4 } from "uuid";
 import DOMPurify from "dompurify";
+import { MessageFilled } from "@ant-design/icons";
 
 const Wrapper = styled.div`
   position: relative;
@@ -205,7 +205,7 @@ export default function Writing({
       </ContentWrapper>
       <CommentDateWrapper>
         <CommentCount>
-          <FaCommentDots />
+          <MessageFilled />
           <span>{answers}</span>
         </CommentCount>
         <Date>{getDate2(createdAt)}</Date>

diff --git a/src/components/units/findid/FindID.styles.ts b/src/components/units/findid/FindID.styles.ts
@@ -1,5 +1,5 @@
+import { CheckOutlined } from "@ant-design/icons";
 import styled from "@emotion/styled";
-import { IoCheckmarkSharp } from "react-icons/io5";
 
 export const Wrapper = styled.section`
   padding: 50px 0px;
@@ -49,7 +49,7 @@ export const InputWrapper = styled.div`
   gap: 100px;
 `;
 
-export const Checker = styled(IoCheckmarkSharp)`
+export const Checker = styled(CheckOutlined)`
   position: absolute;
   top: 0;
 `;

diff --git a/src/components/units/findpw/FindPw.styles.ts b/src/components/units/findpw/FindPw.styles.ts
@@ -1,6 +1,4 @@
 import styled from "@emotion/styled";
-import { IoCheckmarkSharp } from "react-icons/io5";
-
 interface IFindPwProps {
   isExistId?: boolean;
 }

diff --git a/yarn.lock b/yarn.lock
@@ -2696,11 +2696,6 @@ react-fast-compare@^2.0.1:
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
   integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
 
-react-icons@^4.8.0:
-  version "4.8.0"
-  resolved "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz"
-  integrity sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==
-
 react-intersection-observer@^9.4.3:
   version "9.4.3"
   resolved "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.4.3.tgz"