feat: replace like icon
This commit is contained in:
DIYgod
parent
be6995b8ae
commit
3e00f64f8c
11
package.json
11
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",
|
||||
|
|
|
|||
|
|
@ -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==}
|
||||
|
|
|
|||
|
|
@ -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" && (
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in New Issue