From 3e00f64f8ca024226540ecc896f384beffc08dd4 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 14 Mar 2023 19:31:39 +0000
Subject: [PATCH] feat: replace like icon

---
 package.json                        | 11 ++++----
 pnpm-lock.yaml                      | 42 +++++++++++++++++------------
 src/components/common/Reactions.tsx | 10 ++++---
 src/components/icons/LikeIcon.tsx   | 21 ---------------
 4 files changed, 37 insertions(+), 47 deletions(-)
 delete mode 100644 src/components/icons/LikeIcon.tsx

diff --git a/package.json b/package.json
index 0da9d214..b0af331c 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,12 @@
     "@headlessui/react": "1.7.12",
     "@heroicons/react": "2.0.16",
     "@iconify-json/akar-icons": "1.1.13",
+    "@iconify-json/bi": "^1.1.15",
+    "@iconify-json/bxs": "^1.1.6",
+    "@iconify-json/carbon": "^1.1.16",
+    "@iconify-json/fluent": "^1.1.18",
+    "@iconify-json/mdi": "^1.1.50",
+    "@iconify-json/mingcute": "^1.1.5",
     "@iconify-json/tabler": "1.1.63",
     "@monaco-editor/react": "4.4.6",
     "@tanstack/react-query": "4.24.10",
@@ -109,11 +115,6 @@
     "wagmi": "0.11.7"
   },
   "devDependencies": {
-    "@iconify-json/bi": "1.1.15",
-    "@iconify-json/bxs": "1.1.6",
-    "@iconify-json/carbon": "1.1.16",
-    "@iconify-json/fluent": "1.1.18",
-    "@iconify-json/mdi": "1.1.48",
     "@next/bundle-analyzer": "13.2.3",
     "@playwright/test": "1.31.1",
     "@tailwindcss/line-clamp": "^0.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 61d6ec02..620c7b81 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,11 +18,12 @@ specifiers:
   '@headlessui/react': 1.7.12
   '@heroicons/react': 2.0.16
   '@iconify-json/akar-icons': 1.1.13
-  '@iconify-json/bi': 1.1.15
-  '@iconify-json/bxs': 1.1.6
-  '@iconify-json/carbon': 1.1.16
-  '@iconify-json/fluent': 1.1.18
-  '@iconify-json/mdi': 1.1.48
+  '@iconify-json/bi': ^1.1.15
+  '@iconify-json/bxs': ^1.1.6
+  '@iconify-json/carbon': ^1.1.16
+  '@iconify-json/fluent': ^1.1.18
+  '@iconify-json/mdi': ^1.1.50
+  '@iconify-json/mingcute': ^1.1.5
   '@iconify-json/tabler': 1.1.63
   '@monaco-editor/react': 4.4.6
   '@next/bundle-analyzer': 13.2.3
@@ -151,6 +152,12 @@ dependencies:
   '@headlessui/react': 1.7.12_biqbaboplfbrettd7655fr4n2y
   '@heroicons/react': 2.0.16_react@18.2.0
   '@iconify-json/akar-icons': 1.1.13
+  '@iconify-json/bi': 1.1.15
+  '@iconify-json/bxs': 1.1.6
+  '@iconify-json/carbon': 1.1.16
+  '@iconify-json/fluent': 1.1.18
+  '@iconify-json/mdi': 1.1.50
+  '@iconify-json/mingcute': 1.1.5
   '@iconify-json/tabler': 1.1.63
   '@monaco-editor/react': 4.4.6_biqbaboplfbrettd7655fr4n2y
   '@tanstack/react-query': 4.24.10_biqbaboplfbrettd7655fr4n2y
@@ -226,11 +233,6 @@ dependencies:
   wagmi: 0.11.7_osprwltll6etshz2owvseumghu
 
 devDependencies:
-  '@iconify-json/bi': 1.1.15
-  '@iconify-json/bxs': 1.1.6
-  '@iconify-json/carbon': 1.1.16
-  '@iconify-json/fluent': 1.1.18
-  '@iconify-json/mdi': 1.1.48
   '@next/bundle-analyzer': 13.2.3
   '@playwright/test': 1.31.1
   '@tailwindcss/line-clamp': 0.4.2_tailwindcss@3.2.7
@@ -2788,31 +2790,37 @@ packages:
     resolution: {integrity: sha512-NsbDeTVIYwgPLyAT0UgzuaCl79V65Z+M319BjbdEwdnbDGuaYgmAMBJUIWrnBEVoEg7rtouAuvaZRb3nIYIRcA==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: true
+    dev: false
 
   /@iconify-json/bxs/1.1.6:
     resolution: {integrity: sha512-HTn+klVO4TtO/+2kTcFWFzD71aZr6H8rTybkMjuebYwdTEBlMCnjCu/3xdZr+x3Dtpd81WVwZfkZQk14VgNbRA==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: true
+    dev: false
 
   /@iconify-json/carbon/1.1.16:
     resolution: {integrity: sha512-AD8bcnRSGA0WfcGEass2FbA0sagrUzrpFx5WchuDy3uf7yKBWumdypdQK121DH321fQDl5+zZQ26T6gC9knwUQ==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: true
+    dev: false
 
   /@iconify-json/fluent/1.1.18:
     resolution: {integrity: sha512-tdfnNxTJW39t5FhGzf+LPMJyaW9lTIhVYpHReGbbK7Ivt/GksbbOFpXntUgAgrMqglxSmSOz7u0xBARS1a3waQ==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: true
+    dev: false
 
-  /@iconify-json/mdi/1.1.48:
-    resolution: {integrity: sha512-SKnwyS35W7NJoNhWZ1n1xtarYby1AXAtFKLaecPuNh47yMqNtlRk+BhFyZhX9UDMtibMRgcViu9MNKj9sxq3TQ==}
+  /@iconify-json/mdi/1.1.50:
+    resolution: {integrity: sha512-SgbT5w5eHCdOG74ZWPz7HlTGk6VsifIJhNi6lAsxj/5Nlqt6Cz4LlQmSa9eecU9p075Jub2aAx/o7YI+GCahRQ==}
     dependencies:
       '@iconify/types': 2.0.0
-    dev: true
+    dev: false
+
+  /@iconify-json/mingcute/1.1.5:
+    resolution: {integrity: sha512-k2CaSPbi3YXvV2O0U+PLPJzjLF+5WqcqTGc1apEle06tj5GPqAwRjCpaZsHjWo8jYhnmi6YyjXJmS/VX+5Kx9g==}
+    dependencies:
+      '@iconify/types': 2.0.0
+    dev: false
 
   /@iconify-json/tabler/1.1.63:
     resolution: {integrity: sha512-WvIsUJsil2+U1lPbguzbjG4v5sYqMkHp5P0PDXjwz/3XqS4mlFSicxmtSQcthRdQBbX2hMfXamtvqUYrNc2sCQ==}
diff --git a/src/components/common/Reactions.tsx b/src/components/common/Reactions.tsx
index 80521303..b2c0fb95 100644
--- a/src/components/common/Reactions.tsx
+++ b/src/components/common/Reactions.tsx
@@ -1,4 +1,3 @@
-import { LikeIcon } from "~/components/icons/LikeIcon"
 import {
   useMintPage,
   useGetLikes,
@@ -169,9 +168,12 @@ export const Reactions: React.FC<{
             isLoading={userSite.isLoading || toggleLikePage.isPending}
             ref={likeRef}
           >
-            <LikeIcon
-              className={"mr-1 " + (size === "sm" ? "w-4 h-4" : "w-10 h-10")}
-            />
+            <span
+              className={cn(
+                "i-mingcute:thumb-up-2-fill mr-1",
+                size === "sm" ? "text-base" : "text-[40px]",
+              )}
+            ></span>
             <span>{likeCount}</span>
           </Button>
           {size !== "sm" && (
diff --git a/src/components/icons/LikeIcon.tsx b/src/components/icons/LikeIcon.tsx
deleted file mode 100644
index 2862616d..00000000
--- a/src/components/icons/LikeIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react"
-
-export const LikeIcon: React.FC<React.ComponentPropsWithoutRef<"svg">> = (
-  props,
-) => {
-  return (
-    <svg
-      width="1em"
-      height="1em"
-      {...props}
-      viewBox="0 0 1024 1024"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M780.8 204.8c-83.2-44.8-179.2-19.2-243.2 44.8L512 275.2 486.4 249.6c-64-64-166.4-83.2-243.2-44.8C108.8 275.2 89.6 441.6 185.6 537.6l32 32 153.6 153.6 102.4 102.4c25.6 25.6 57.6 25.6 83.2 0l102.4-102.4 153.6-153.6 32-32C934.4 441.6 915.2 275.2 780.8 204.8z"
-        p-id="2929"
-      ></path>
-    </svg>
-  )
-}