From e09baf9b6c03bedc6a9aae32678bae45b6ca3c0d Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 17 Aug 2022 10:38:55 +0100
Subject: [PATCH] feat: mint icon

---
 src/components/icons/MintIcon.tsx  | 17 +++++++++++++++++
 src/components/site/PostFooter.tsx |  3 ++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/components/icons/MintIcon.tsx

diff --git a/src/components/icons/MintIcon.tsx b/src/components/icons/MintIcon.tsx
new file mode 100644
index 00000000..9766f106
--- /dev/null
+++ b/src/components/icons/MintIcon.tsx
@@ -0,0 +1,17 @@
+import React from "react"
+
+export const MintIcon: React.FC<React.ComponentPropsWithoutRef<"svg">> = (
+  props,
+) => {
+  return (
+    <svg
+      width="1em"
+      height="1em"
+      {...props}
+      viewBox="0 0 20 21"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M15.3407 6.43002L15.4107 2.63998C15.4506 0.589992 14.1206 -0.110021 12.4506 1.07998L9.37063 3.30001C8.95065 3.61001 8.20065 3.72 7.70065 3.56002L4.75063 2.58999C2.86068 1.97 1.80068 3.01998 2.39065 4.92001L3.41067 8.16C3.58065 8.70004 3.41067 9.50003 3.04067 9.93002L1.06063 12.23C-0.499366 14.05 0.180627 15.43 2.57064 15.31L5.91067 15.14C6.51064 15.11 7.27065 15.5 7.59066 16.02L9.35067 18.87C10.6107 20.91 12.1306 20.68 12.7407 18.36L13.5106 15.42C13.6507 14.87 14.2207 14.28 14.7606 14.11L17.9907 13.1C19.8906 12.5 20.1507 11.03 18.5606 9.82998L16.0807 7.95004C15.6607 7.63998 15.3307 6.95004 15.3407 6.43002ZM16.5306 15.94L19.5606 18.97C19.8505 19.26 19.8505 19.74 19.5606 20.03C19.4105 20.18 19.2206 20.25 19.0306 20.25C18.8406 20.25 18.6506 20.18 18.5006 20.03L15.4706 17C15.1806 16.71 15.1806 16.23 15.4706 15.94C15.7606 15.65 16.2406 15.65 16.5306 15.94Z" />
+    </svg>
+  )
+}
diff --git a/src/components/site/PostFooter.tsx b/src/components/site/PostFooter.tsx
index 21daed4f..71259c8d 100644
--- a/src/components/site/PostFooter.tsx
+++ b/src/components/site/PostFooter.tsx
@@ -22,6 +22,7 @@ import { UniLink } from "~/components/ui/UniLink"
 import { Modal } from "~/components/ui/Modal"
 import { Avatar } from "../ui/Avatar"
 import { BlockchainIcon } from "~/components/icons/BlockchainIcon"
+import { MintIcon } from "~/components/icons/MintIcon"
 
 export const PostFooter: React.FC<{
   page?: Note
@@ -211,7 +212,7 @@ export const PostFooter: React.FC<{
           onClick={mint}
           isLoading={mintPage.isLoading || likeProgress}
         >
-          <DuplicateIcon className="mr-1 w-10 h-10" />
+          <MintIcon className="mr-2 w-8 h-8" />
           <span>{mints.data?.count || 0}</span>
         </Button>
         <ul