diff --git a/package.json b/package.json index 0402c5c8..72e1405c 100644 --- a/package.json +++ b/package.json @@ -161,8 +161,8 @@ "zustand": "4.4.6" }, "devDependencies": { + "@egoist/tailwindcss-icons": "1.7.0", "@ianvs/prettier-plugin-sort-imports": "4.1.1", - "@iconify/tailwind": "0.1.4", "@next/bundle-analyzer": "14.0.3", "@types/async-lock": "1.4.2", "@types/canvas-confetti": "1.6.4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 66b0ffc9..703c34f5 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -394,12 +394,12 @@ dependencies: version: 4.4.6(@types/react@18.2.38)(immer@10.0.3)(react@18.2.0) devDependencies: + '@egoist/tailwindcss-icons': + specifier: 1.7.0 + version: 1.7.0(tailwindcss@3.3.5) '@ianvs/prettier-plugin-sort-imports': specifier: 4.1.1 version: 4.1.1(prettier@3.1.0) - '@iconify/tailwind': - specifier: 0.1.4 - version: 0.1.4 '@next/bundle-analyzer': specifier: 14.0.3 version: 14.0.3 @@ -568,6 +568,17 @@ packages: '@jridgewell/gen-mapping': 0.3.3 '@jridgewell/trace-mapping': 0.3.20 + /@antfu/install-pkg@0.1.1: + resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==} + dependencies: + execa: 5.1.1 + find-up: 5.0.0 + dev: true + + /@antfu/utils@0.7.7: + resolution: {integrity: sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==} + dev: true + /@anthropic-ai/sdk@0.9.1: resolution: {integrity: sha512-wa1meQ2WSfoY8Uor3EdrJq0jTiZJoKoSii2ZVWRY1oN4Tlr5s59pADg9T79FTbPe1/se5c3pBeZgJL63wmuoBA==} dependencies: @@ -1728,6 +1739,17 @@ packages: resolution: {integrity: sha512-bhR5k5W+8GLzysjk8zTMVygQZsgvf7W1F0IlL4ZQ5ugjo5rCyiwGM5d8DYriXspytfu98tv59niang3/T+FoDw==} dev: false + /@egoist/tailwindcss-icons@1.7.0(tailwindcss@3.3.5): + resolution: {integrity: sha512-KfZgcl8ln1y/BEzB10vyu6v5MgX79wYqgiIW0VvEZnGmaGsl91lJ6kZDS9vh76tMd/cW2MJnOlbxYcxuidwToQ==} + peerDependencies: + tailwindcss: '*' + dependencies: + '@iconify/utils': 2.1.13 + tailwindcss: 3.3.5 + transitivePeerDependencies: + - supports-color + dev: true + /@emoji-mart/data@1.1.2: resolution: {integrity: sha512-1HP8BxD2azjqWJvxIaWAMyTySeZY0Osr83ukYjltPVkNXeJvTz7yDrPLBtnrD5uqJ3tg4CcLuuBW09wahqL/fg==} dev: false @@ -2283,15 +2305,22 @@ packages: '@iconify/types': 2.0.0 dev: false - /@iconify/tailwind@0.1.4: - resolution: {integrity: sha512-U7RzcU2fkwOfMDsGQ3mtpLIaApSnqb+vgcJJknPPbg8/NF5s7tI1o5otEMfcpnLGk4PbYB8bxmKTz7IJVUlU2Q==} - dependencies: - '@iconify/types': 2.0.0 - dev: true - /@iconify/types@2.0.0: resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==} + /@iconify/utils@2.1.13: + resolution: {integrity: sha512-6uWvJIo715xYRy1KmCCyZYW0YYkLjaojEExoEkxpOHKhi9cyHW8hVKo+m8zrxzNVSqjUx9OuVRa2BWXeXfkp5A==} + dependencies: + '@antfu/install-pkg': 0.1.1 + '@antfu/utils': 0.7.7 + '@iconify/types': 2.0.0 + debug: 4.3.4 + kolorist: 1.8.0 + local-pkg: 0.4.3 + transitivePeerDependencies: + - supports-color + dev: true + /@ioredis/commands@1.2.0: resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==} dev: false @@ -6582,6 +6611,21 @@ packages: resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} engines: {node: '>=0.8.x'} + /execa@5.1.1: + resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==} + engines: {node: '>=10'} + dependencies: + cross-spawn: 7.0.3 + get-stream: 6.0.1 + human-signals: 2.1.0 + is-stream: 2.0.1 + merge-stream: 2.0.0 + npm-run-path: 4.0.1 + onetime: 5.1.2 + signal-exit: 3.0.7 + strip-final-newline: 2.0.0 + dev: true + /execa@8.0.1: resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==} engines: {node: '>=16.17'} @@ -6919,6 +6963,11 @@ packages: engines: {node: '>=12'} dev: true + /get-stream@6.0.1: + resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==} + engines: {node: '>=10'} + dev: true + /get-stream@8.0.1: resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==} engines: {node: '>=16'} @@ -7489,6 +7538,11 @@ packages: - supports-color dev: false + /human-signals@2.1.0: + resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==} + engines: {node: '>=10.17.0'} + dev: true + /human-signals@5.0.0: resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==} engines: {node: '>=16.17.0'} @@ -7826,6 +7880,11 @@ packages: call-bind: 1.0.2 dev: true + /is-stream@2.0.1: + resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==} + engines: {node: '>=8'} + dev: true + /is-stream@3.0.0: resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} @@ -8184,6 +8243,10 @@ packages: engines: {node: '>=6'} dev: false + /kolorist@1.8.0: + resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==} + dev: true + /langchain-core@0.0.1: resolution: {integrity: sha512-0WDRf3acbJ1zG+HeFUrs8H+mKzwjaPOgnAvbj+wmmSHYoszN6jq7978DWFRwL+ghy23s7RFewzlJCC6k9KsnoQ==} engines: {node: '>=18'} @@ -8630,6 +8693,11 @@ packages: engines: {node: '>=6.11.5'} dev: true + /local-pkg@0.4.3: + resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==} + engines: {node: '>=14'} + dev: true + /locate-path@5.0.0: resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==} engines: {node: '>=8'} @@ -9613,6 +9681,13 @@ packages: resolution: {integrity: sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==} dev: false + /npm-run-path@4.0.1: + resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==} + engines: {node: '>=8'} + dependencies: + path-key: 3.1.1 + dev: true + /npm-run-path@5.1.0: resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} @@ -11473,6 +11548,11 @@ packages: engines: {node: '>=4'} dev: true + /strip-final-newline@2.0.0: + resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==} + engines: {node: '>=6'} + dev: true + /strip-final-newline@3.0.0: resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==} engines: {node: '>=12'} diff --git a/src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx b/src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx index 0412b8e2..498d1ef0 100644 --- a/src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx +++ b/src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx @@ -48,7 +48,7 @@ export default async function Tag({
- + {params.tag}
diff --git a/src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx b/src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx index c1bc98ae..0e91ad57 100644 --- a/src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx +++ b/src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx @@ -53,7 +53,7 @@ export default async function Topic({
- + {info?.includeTags[0]}

{t(info?.description || "")}

diff --git a/src/app/[locale]/(home)/about/page.tsx b/src/app/[locale]/(home)/about/page.tsx index 27c92cdc..cdaeb7fc 100644 --- a/src/app/[locale]/(home)/about/page.tsx +++ b/src/app/[locale]/(home)/about/page.tsx @@ -20,7 +20,7 @@ async function Home() { - + {t("Dashboard")} } @@ -163,7 +163,7 @@ async function Home() { {t("Explore the xLog way")}
@@ -318,7 +318,7 @@ async function Home() {
  • - +
diff --git a/src/app/[locale]/dashboard/[subdomain]/editor/post-editor.tsx b/src/app/[locale]/dashboard/[subdomain]/editor/post-editor.tsx index 45fd607b..ad353ecb 100644 --- a/src/app/[locale]/dashboard/[subdomain]/editor/post-editor.tsx +++ b/src/app/[locale]/dashboard/[subdomain]/editor/post-editor.tsx @@ -574,7 +574,7 @@ const EditorExtraProperties = memo( onClick={openAdvancedOptions} > - + {t("Advanced Settings")} diff --git a/src/app/[locale]/dashboard/[subdomain]/events/page-component.tsx b/src/app/[locale]/dashboard/[subdomain]/events/page-component.tsx index 4c1d4ea7..1f27918b 100644 --- a/src/app/[locale]/dashboard/[subdomain]/events/page-component.tsx +++ b/src/app/[locale]/dashboard/[subdomain]/events/page-component.tsx @@ -164,7 +164,7 @@ export default function EventsPage() { } > {t("Learn more")}{" "} - + diff --git a/src/app/[locale]/dashboard/[subdomain]/layout-component.tsx b/src/app/[locale]/dashboard/[subdomain]/layout-component.tsx index eb36ddd9..ad692d35 100644 --- a/src/app/[locale]/dashboard/[subdomain]/layout-component.tsx +++ b/src/app/[locale]/dashboard/[subdomain]/layout-component.tsx @@ -108,19 +108,19 @@ export default function DashboardLayout({ { href: `/dashboard/${subdomain}`, isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--grid-line]", + icon: "i-mingcute-grid-line", text: "Dashboard", }, { isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--add-circle-line]", + icon: "i-mingcute-add-circle-line", text: "Publishing", }, { href: `/dashboard/${subdomain}/posts`, isActive: ({ href, pathname, searchParams }) => href === pathname || searchParams?.get("type") === "post", - icon: "icon-[mingcute--news-line]", + icon: "i-mingcute-news-line", text: "Posts", lever: 2, }, @@ -128,7 +128,7 @@ export default function DashboardLayout({ href: `/dashboard/${subdomain}/pages`, isActive: ({ href, pathname, searchParams }) => href === pathname || searchParams?.get("type") === "page", - icon: "icon-[mingcute--file-line]", + icon: "i-mingcute-file-line", text: "Pages", lever: 2, }, @@ -136,7 +136,7 @@ export default function DashboardLayout({ href: `/dashboard/${subdomain}/shorts`, isActive: ({ href, pathname, searchParams }) => href === pathname || searchParams?.get("type") === "short", - icon: "icon-[mingcute--ins-line]", + icon: "i-mingcute-ins-line", text: "Shorts", lever: 2, }, @@ -144,7 +144,7 @@ export default function DashboardLayout({ href: `/dashboard/${subdomain}/portfolios`, isActive: ({ href, pathname, searchParams }) => href === pathname || searchParams?.get("type") === "portfolio", - icon: "icon-[mingcute--cloud-line]", + icon: "i-mingcute-cloud-line", text: "Portfolios", lever: 2, }, @@ -152,7 +152,7 @@ export default function DashboardLayout({ href: `/dashboard/${subdomain}/import`, isActive: ({ pathname }) => !!pathname?.startsWith(`/dashboard/${subdomain}/import`), - icon: "icon-[mingcute--file-import-line]", + icon: "i-mingcute-file-import-line", text: "Import", lever: 2, }, @@ -160,50 +160,50 @@ export default function DashboardLayout({ href: `/dashboard/${subdomain}/events`, isActive: ({ href, pathname }) => href === pathname, icon: isEventsAllRead - ? "icon-[mingcute--flag-4-line]" - : "icon-[mingcute--flag-4-fill]", + ? "i-mingcute-flag-4-line" + : "i-mingcute-flag-4-fill", text: isEventsAllRead ? "Events" : "New Events", lever: 2, }, { isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--heartbeat-line]", + icon: "i-mingcute-heartbeat-line", text: "Interaction", }, { onClick: showNotificationModal, isActive: ({ href, pathname }) => href === pathname, icon: isAllRead - ? "icon-[mingcute--notification-line]" - : "icon-[mingcute--notification-fill]", + ? "i-mingcute-notification-line" + : "i-mingcute-notification-fill", text: isAllRead ? "Notifications" : "Unread notifications", lever: 2, }, { href: `/dashboard/${subdomain}/comments`, isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--comment-line]", + icon: "i-mingcute-comment-line", text: "Comments", lever: 2, }, { href: `/dashboard/${subdomain}/achievements`, isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--trophy-line]", + icon: "i-mingcute-trophy-line", text: "Achievements", lever: 2, }, { href: `/dashboard/${subdomain}/tokens`, isActive: ({ href, pathname }) => href === pathname, - icon: "icon-[mingcute--pig-money-line]", + icon: "i-mingcute-pig-money-line", text: "Tokens", }, { href: `/dashboard/${subdomain}/settings/general`, isActive: ({ pathname }) => !!pathname?.startsWith(`/dashboard/${subdomain}/settings`), - icon: "icon-[mingcute--settings-3-line]", + icon: "i-mingcute-settings-3-line", text: "Settings", }, ] @@ -293,7 +293,7 @@ export default function DashboardLayout({ href={DISCORD_LINK} className="space-x-1 text-zinc-500 hover:text-zinc-800 flex w-full h-12 items-center justify-center transition-colors mb-2" > - + {{t("Need help?")}} - + {{t("View Site")}} @@ -402,7 +402,7 @@ export default function DashboardLayout({ href={DISCORD_LINK} className="space-x-1 text-zinc-500 hover:text-zinc-800 flex w-full h-12 items-center justify-center transition-colors mb-2" > - + {t("Need help?")} - + {t("View Site")} diff --git a/src/app/[locale]/dashboard/[subdomain]/page-component.tsx b/src/app/[locale]/dashboard/[subdomain]/page-component.tsx index 515c4b30..58282e2c 100644 --- a/src/app/[locale]/dashboard/[subdomain]/page-component.tsx +++ b/src/app/[locale]/dashboard/[subdomain]/page-component.tsx @@ -38,19 +38,19 @@ export default function SubdomainIndex() { const statMap = [ { - icon: "icon-[mingcute--news-line]", + icon: "i-mingcute-news-line", name: "Creation", value: stat.data?.notesCount ?? "-", url: `/dashboard/${subdomain}/posts`, }, { - icon: "icon-[mingcute--comment-line]", + icon: "i-mingcute-comment-line", name: "Comments", value: stat.data?.commentsCount ?? "-", url: `/dashboard/${subdomain}/comments`, }, { - icon: "icon-[mingcute--heart-line]", + icon: "i-mingcute-heart-line", name: "Tips1", value: `${ tips.data?.pages?.[0]?.list @@ -60,7 +60,7 @@ export default function SubdomainIndex() { url: `/dashboard/${subdomain}/tokens`, }, { - icon: "icon-[mingcute--thumb-up-2-line]", + icon: "i-mingcute-thumb-up-2-line", name: "Likes", value: stat.data?.likesCount ?? "-", url: getSiteLink({ @@ -68,7 +68,7 @@ export default function SubdomainIndex() { }), }, { - icon: "icon-[mingcute--user-follow-line]", + icon: "i-mingcute-user-follow-line", name: "Followers", value: stat.data?.subscriptionCount ?? "-", url: getSiteLink({ @@ -76,13 +76,13 @@ export default function SubdomainIndex() { }), }, { - icon: "icon-[mingcute--trophy-line]", + icon: "i-mingcute-trophy-line", name: "Achievements", value: stat.data?.achievements ?? "-", url: `/dashboard/${subdomain}/achievements`, }, { - icon: "icon-[mingcute--eye-line]", + icon: "i-mingcute-eye-line", name: "Viewed", value: stat.data?.viewsCount ?? "-", url: getSiteLink({ @@ -90,7 +90,7 @@ export default function SubdomainIndex() { }), }, { - icon: "icon-[mingcute--history-line]", + icon: "i-mingcute-history-line", name: "Become xLogger for", value: date.dayjs().diff(date.dayjs(stat.data?.createdAt), "day") + diff --git a/src/app/[locale]/dashboard/[subdomain]/settings/navigation/page-component.tsx b/src/app/[locale]/dashboard/[subdomain]/settings/navigation/page-component.tsx index 863445ec..f2f13fd8 100644 --- a/src/app/[locale]/dashboard/[subdomain]/settings/navigation/page-component.tsx +++ b/src/app/[locale]/dashboard/[subdomain]/settings/navigation/page-component.tsx @@ -35,7 +35,7 @@ const SortableNavigationItem = ({ type="button" className="drag-handle cursor-grab -mt-1 text-zinc-400 rounded-lg h-8 w-6 flex items-center justify-center hover:text-zinc-800 hover:bg-zinc-200" > - + - + - +
    diff --git a/src/components/common/CommentInput.tsx b/src/components/common/CommentInput.tsx index f16391b3..7c353ce0 100644 --- a/src/components/common/CommentInput.tsx +++ b/src/components/common/CommentInput.tsx @@ -226,7 +226,7 @@ export const CommentInput = ({ {({ open }: { open: boolean }) => ( <> - + - + diff --git a/src/components/common/CommentItem.tsx b/src/components/common/CommentItem.tsx index 8b8a3eeb..3fddeba1 100644 --- a/src/components/common/CommentItem.tsx +++ b/src/components/common/CommentItem.tsx @@ -171,7 +171,7 @@ export const CommentItem = ({ variant="text" onClick={() => setEditOpen(!editOpen)} > - {" "} + {" "} {t(`${editOpen ? "Cancel " : ""}Edit`)} )} @@ -184,7 +184,7 @@ export const CommentItem = ({ onClick={() => setDeleteConfirmModalOpen(true)} isLoading={deletePage.isLoading} > - {" "} + {" "} {t("Delete")} walletMintNewCharacterModal.show(), }, { - icon: "icon-[mingcute--grid-line]", + icon: "i-mingcute-grid-line", label: t("Dashboard") || "", href: `${SITE_URL}/dashboard`, }, { - icon: "icon-[mingcute--copy-2-line]", + icon: "i-mingcute-copy-2-line", label: t(copyLabelDisplay) || "", onClick: (e) => { e.preventDefault() @@ -144,7 +144,7 @@ export const ConnectButton = ({ ...(account?.type === "wallet" ? [ { - icon: "icon-[mingcute--seal-line]", + icon: "i-mingcute-seal-line", label: ( <> {t("Operator Sign")} ( @@ -165,7 +165,7 @@ export const ConnectButton = ({ }, }, { - icon: "icon-[mingcute--currency-euro-line]", + icon: "i-mingcute-currency-euro-line", label: ( {balance?.formatted.replace(/\.(\d{5})\d*$/, ".$1") || @@ -176,20 +176,20 @@ export const ConnectButton = ({ onClick: csbDetailModal.show, }, { - icon: "icon-[mingcute--repeat-line]", + icon: "i-mingcute-repeat-line", label: t("Switch Characters") || "", onClick: selectCharactersModal.show, }, ] : [ { - icon: "icon-[mingcute--vip-2-line]", + icon: "i-mingcute-vip-2-line", label: t("Upgrade to Wallet") || "", onClick: upgradeAccountModal.show, }, ]), { - icon: "icon-[mingcute--exit-line]", + icon: "i-mingcute-exit-line", label: t("Disconnect") || "", onClick: disconnect, }, @@ -197,22 +197,22 @@ export const ConnectButton = ({ const addDropdownLinks: HeaderLinkType[] = [ { - icon: "icon-[mingcute--news-line]", + icon: "i-mingcute-news-line", label: t("New Post") || "", href: `${SITE_URL}/dashboard/${account?.character?.handle}/editor?type=post`, }, { - icon: "icon-[mingcute--file-line]", + icon: "i-mingcute-file-line", label: t("New Page") || "", href: `${SITE_URL}/dashboard/${account?.character?.handle}/editor?type=page`, }, { - icon: "icon-[mingcute--ins-line]", + icon: "i-mingcute-ins-line", label: t("New Short") || "", href: `${SITE_URL}/dashboard/${account?.character?.handle}/editor?type=short`, }, { - icon: "icon-[mingcute--cloud-line]", + icon: "i-mingcute-cloud-line", label: t("New Portfolio") || "", href: `${SITE_URL}/dashboard/${account?.character?.handle}/editor?type=portfolio`, }, @@ -356,7 +356,7 @@ export const ConnectButton = ({ )} - + )} diff --git a/src/components/common/DarkModeSwitch.tsx b/src/components/common/DarkModeSwitch.tsx index df377155..25eb1e81 100644 --- a/src/components/common/DarkModeSwitch.tsx +++ b/src/components/common/DarkModeSwitch.tsx @@ -103,7 +103,7 @@ const ThemeSwitcher = () => { buildThemeTransition(e, "light") }} > - + ) diff --git a/src/components/common/FollowingButton.tsx b/src/components/common/FollowingButton.tsx index 01d3c7bf..2abac5f5 100644 --- a/src/components/common/FollowingButton.tsx +++ b/src/components/common/FollowingButton.tsx @@ -115,18 +115,18 @@ export const FollowingButton = ({ {subscription.data ? ( <> - {" "} + {" "} {t("Following")} - {" "} + {" "} {t("Unfollow")} ) : ( {!isLoading && ( - + )}{" "} {t("Follow")} diff --git a/src/components/common/LanguageSwitch.tsx b/src/components/common/LanguageSwitch.tsx index cbd85448..ad0c4bb5 100644 --- a/src/components/common/LanguageSwitch.tsx +++ b/src/components/common/LanguageSwitch.tsx @@ -20,7 +20,7 @@ export function LanguageSwitch() { + } dropdown={ <> @@ -36,7 +36,7 @@ export function LanguageSwitch() { > {nameMap[lo]} {locale === lo && ( - + )} ))} diff --git a/src/components/common/PatronButton.tsx b/src/components/common/PatronButton.tsx index 2ac45168..ae2678d5 100644 --- a/src/components/common/PatronButton.tsx +++ b/src/components/common/PatronButton.tsx @@ -33,7 +33,7 @@ export const PatronButton = ({ > - + {t("Patron")} diff --git a/src/components/common/PatronModal.tsx b/src/components/common/PatronModal.tsx index 90cfa9c0..4bb63fd9 100644 --- a/src/components/common/PatronModal.tsx +++ b/src/components/common/PatronModal.tsx @@ -35,7 +35,7 @@ export const usePatronModal = () => { title: ( - + {title} @@ -257,7 +257,7 @@ const PatronModal = ({

    - + {t("What is MIRA? Where can I get some?")} diff --git a/src/components/common/PostCard.tsx b/src/components/common/PostCard.tsx index 02c748fa..d5a21316 100644 --- a/src/components/common/PostCard.tsx +++ b/src/components/common/PostCard.tsx @@ -95,7 +95,7 @@ const Card = ({ > {comment && (

    - + {comment}
    )} @@ -158,7 +158,7 @@ const Card = ({ {!!post.stat?.portfolio?.videoViewsCount && ( - + @@ -166,7 +166,7 @@ const Card = ({ )} {!!post.stat?.portfolio?.audoListensCount && ( - + @@ -174,7 +174,7 @@ const Card = ({ )} {!!post.stat?.portfolio?.projectStarsCount && ( - + @@ -182,7 +182,7 @@ const Card = ({ )} {!!post.stat?.portfolio?.textViewsCount && ( - + @@ -190,7 +190,7 @@ const Card = ({ )} {!!post.stat?.portfolio?.commentsCount && ( - + @@ -207,25 +207,25 @@ const Card = ({ router.push(`/tag/${post.metadata?.content?.tags?.[1]}`) }} > - + {post.metadata?.content?.tags?.[1]} )} {!isShort && !!post.stat?.viewDetailCount && ( - + )} {!!post.stat?.commentsCount && ( - + )} {!post.stat?.commentsCount && ( - + {!!post.stat?.likesCount && ( - + )} {!!post.stat?.commentsCount && ( - + )} @@ -324,7 +324,7 @@ const Card = ({
    {isPinned && ( - + {t("Pinned")} )} diff --git a/src/components/common/ReactionComment.tsx b/src/components/common/ReactionComment.tsx index 42b56561..b344444c 100644 --- a/src/components/common/ReactionComment.tsx +++ b/src/components/common/ReactionComment.tsx @@ -45,9 +45,7 @@ export const ReactionComment = ({ > {(() => { const inner = ( - + ) return ( diff --git a/src/components/common/ReactionLike.tsx b/src/components/common/ReactionLike.tsx index 348473e0..8473efe4 100644 --- a/src/components/common/ReactionLike.tsx +++ b/src/components/common/ReactionLike.tsx @@ -162,7 +162,7 @@ export const ReactionLike = ({ const inner = ( , + icon: , onClick: (data: ShareData) => { navigator.clipboard.writeText(data.url) toast.success("Copied to clipboard", { @@ -113,7 +113,7 @@ export const ReactionShare: FC<{ const inner = ( diff --git a/src/components/common/SearchInput.tsx b/src/components/common/SearchInput.tsx index ffadeaa2..18abf974 100644 --- a/src/components/common/SearchInput.tsx +++ b/src/components/common/SearchInput.tsx @@ -35,7 +35,7 @@ export const SearchInput = ({ className="absolute left-0 top-1/2 -translate-y-1/2 text-2xl text-zinc-500 h-11 ml-4 flex items-center justify-center cursor-pointer" onClick={handleSubmit} > - + setIsRendering(!isRendering)} > {isRendering ? ( - + ) : ( - + )} diff --git a/src/components/dashboard/OptionsButton.tsx b/src/components/dashboard/OptionsButton.tsx index 838ce0c4..bc15cf1f 100644 --- a/src/components/dashboard/OptionsButton.tsx +++ b/src/components/dashboard/OptionsButton.tsx @@ -44,9 +44,9 @@ export const OptionsButton = ({ onClick={() => renderPage(!isRendering)} > {isRendering ? ( - + ) : ( - + )} @@ -60,7 +60,7 @@ export const OptionsButton = ({ // }} >
    - +
    {open ? ( - + ) : ( - + )}
    diff --git a/src/components/dashboard/PagesManager.tsx b/src/components/dashboard/PagesManager.tsx index 341e695d..850b535a 100644 --- a/src/components/dashboard/PagesManager.tsx +++ b/src/components/dashboard/PagesManager.tsx @@ -281,7 +281,7 @@ export const PagesManager = ({ type }: { type: NoteType }) => { router.push(`/dashboard/${subdomain}/editor?type=${type}`) } > - + {t(`New ${type.charAt(0).toUpperCase() + type.slice(1)}`)} @@ -293,7 +293,7 @@ export const PagesManager = ({ type }: { type: NoteType }) => { placement="bottom" >     @@ -385,12 +385,12 @@ export const PagesManager = ({ type }: { type: NoteType }) => { <> {!!page.metadata?.content?.tags?.[1] && ( - + {page.metadata?.content?.tags?.[1]} )} - + { {!!page.stat?.viewDetailCount && ( - + {page.stat?.viewDetailCount} )} @@ -424,7 +424,7 @@ export const PagesManager = ({ type }: { type: NoteType }) => { <> ยท - {" "} + {" "} {t("Pinned")} @@ -470,8 +470,8 @@ export const PagesManager = ({ type }: { type: NoteType }) => { batchSelected.includes( page.noteId || page.draftKey || 0, ) - ? "icon-[mingcute--check-fill]" - : "icon-[mingcute--add-line]" + ? "i-mingcute-check-fill" + : "i-mingcute-add-line" } text-lg`} /> @@ -490,7 +490,7 @@ export const PagesManager = ({ type }: { type: NoteType }) => { e.stopPropagation() }} > - + diff --git a/src/components/dashboard/PagesManagerMenu.tsx b/src/components/dashboard/PagesManagerMenu.tsx index 787af816..56b462a7 100644 --- a/src/components/dashboard/PagesManagerMenu.tsx +++ b/src/components/dashboard/PagesManagerMenu.tsx @@ -91,21 +91,19 @@ export const PagesManagerMenu = ({ const items: Item[] = [ { text: "Edit", - icon: , + icon: , onClick() { router.push(editLink) }, }, { text: pinPage.isPinned ? "Unpin" : "Pin", - icon: , + icon: , onClick: pinPage.togglePin, }, { text: "Convert to " + (type === "post" ? "Page" : "Post"), - icon: ( - - ), + icon: , onClick() { const toastId = toast.loading("Converting...") @@ -135,7 +133,7 @@ export const PagesManagerMenu = ({ }, { text: "Preview", - icon: , + icon: , onClick() { const slug = getNoteSlugFromNote(page) if (!slug) return @@ -144,9 +142,7 @@ export const PagesManagerMenu = ({ }, { text: "Share to Twitter", - icon: ( - - ), + icon: , onClick() { if (site.data) { const twitterShareUrl = getTwitterShareUrl({ @@ -160,9 +156,7 @@ export const PagesManagerMenu = ({ }, { text: "Delete", - icon: ( - - ), + icon: , onClick() { setDeleteConfirmModalOpen(true) }, diff --git a/src/components/dashboard/PublishButton.tsx b/src/components/dashboard/PublishButton.tsx index ecf9aba4..39d09187 100644 --- a/src/components/dashboard/PublishButton.tsx +++ b/src/components/dashboard/PublishButton.tsx @@ -59,7 +59,7 @@ export const PublishButton = ({ isDisabled={isSaving} className="!rounded-r-full" > - + } dropdown={ @@ -68,7 +68,7 @@ export const PublishButton = ({ className="flex w-full h-8 hover:bg-zinc-100 items-center px-5" onClick={() => window.open(twitterShareUrl)} > - + {t("Share to Twitter")} {isModified && ( @@ -76,7 +76,7 @@ export const PublishButton = ({ className="flex w-full h-8 hover:bg-zinc-100 items-center px-5" onClick={discardChanges} > - + {t("Discard Changes")} )} @@ -84,7 +84,7 @@ export const PublishButton = ({ className="flex w-full h-8 hover:bg-zinc-100 items-center px-5" onClick={() => setDeleteConfirmModalOpen(true)} > - + {t("Delete")} diff --git a/src/components/dashboard/toolbars/AlignCenter.tsx b/src/components/dashboard/toolbars/AlignCenter.tsx index b8dd1d80..938c5a8f 100644 --- a/src/components/dashboard/toolbars/AlignCenter.tsx +++ b/src/components/dashboard/toolbars/AlignCenter.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const AlignCenter: ICommand = { name: "align center", label: "Align Center", - icon: "icon-[mingcute--align-center-line]", + icon: "i-mingcute-align-center-line", execute: ({ view }) => { wrapExecute({ view, prepend: ":p[", append: "]{.center}" }) }, diff --git a/src/components/dashboard/toolbars/AlignRight.tsx b/src/components/dashboard/toolbars/AlignRight.tsx index d18a28bb..99dfb7b7 100644 --- a/src/components/dashboard/toolbars/AlignRight.tsx +++ b/src/components/dashboard/toolbars/AlignRight.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const AlignRight: ICommand = { name: "align right", label: "Align Right", - icon: "icon-[mingcute--align-right-line]", + icon: "i-mingcute-align-right-line", execute: ({ view }) => { wrapExecute({ view, prepend: ":p[", append: "]{.right}" }) }, diff --git a/src/components/dashboard/toolbars/Bold.tsx b/src/components/dashboard/toolbars/Bold.tsx index 49f8cefb..30d566e9 100644 --- a/src/components/dashboard/toolbars/Bold.tsx +++ b/src/components/dashboard/toolbars/Bold.tsx @@ -9,7 +9,7 @@ const action = (view: EditorView) => { export const Bold: ICommand = { name: "bold", label: "Bold", - icon: "icon-[mingcute--bold-line]", + icon: "i-mingcute-bold-line", execute({ view }) { action(view) }, diff --git a/src/components/dashboard/toolbars/Cloud.tsx b/src/components/dashboard/toolbars/Cloud.tsx index f79f2e2a..9782f8c9 100644 --- a/src/components/dashboard/toolbars/Cloud.tsx +++ b/src/components/dashboard/toolbars/Cloud.tsx @@ -53,7 +53,7 @@ const uploadResources = async (text: string) => { export const Cloud: ICommand = { name: "cloud", label: "Upload All Images to IPFS", - icon: "icon-[mingcute--upload-3-line]", + icon: "i-mingcute-upload-3-line", execute: async ({ view }) => { const docJson = view.state.doc.toJSON() const newDocJson = await Promise.all( diff --git a/src/components/dashboard/toolbars/Code.tsx b/src/components/dashboard/toolbars/Code.tsx index 226921bc..5e7435f2 100644 --- a/src/components/dashboard/toolbars/Code.tsx +++ b/src/components/dashboard/toolbars/Code.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const Code: ICommand = { name: "code", label: "Inline Code", - icon: "icon-[mingcute--code-line]", + icon: "i-mingcute-code-line", execute: ({ view }) => { wrapExecute({ view, prepend: "`", append: "`" }) }, diff --git a/src/components/dashboard/toolbars/CodeBlock.tsx b/src/components/dashboard/toolbars/CodeBlock.tsx index 116ad20a..9a171756 100644 --- a/src/components/dashboard/toolbars/CodeBlock.tsx +++ b/src/components/dashboard/toolbars/CodeBlock.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const CodeBlock: ICommand = { name: "codeblock", label: "Code Block", - icon: "icon-[mingcute--web-line]", + icon: "i-mingcute-web-line", execute: ({ view }) => { wrapExecute({ view, prepend: "```\n", append: "\n```" }) }, diff --git a/src/components/dashboard/toolbars/Emoji.tsx b/src/components/dashboard/toolbars/Emoji.tsx index b307f85a..55489ffe 100644 --- a/src/components/dashboard/toolbars/Emoji.tsx +++ b/src/components/dashboard/toolbars/Emoji.tsx @@ -5,7 +5,7 @@ import { ICommand, wrapExecute } from "." export const Emoji: ICommand = { name: "emoji", label: "Emoji", - icon: "icon-[mingcute--emoji-2-line]", + icon: "i-mingcute-emoji-2-line", execute: ({ view, payload }) => { wrapExecute({ view, prepend: payload || "", append: "" }) }, diff --git a/src/components/dashboard/toolbars/Focus.tsx b/src/components/dashboard/toolbars/Focus.tsx index 32703b87..f83b11e7 100644 --- a/src/components/dashboard/toolbars/Focus.tsx +++ b/src/components/dashboard/toolbars/Focus.tsx @@ -3,7 +3,7 @@ import { ICommand } from "." export const Focus: ICommand = { name: "focus", label: "Toggle Focus Mode", - icon: "icon-[mingcute--fullscreen-line]", + icon: "i-mingcute-fullscreen-line", execute: () => { let elem = document.getElementById("dashboard-main") if (!elem) { diff --git a/src/components/dashboard/toolbars/Formula.tsx b/src/components/dashboard/toolbars/Formula.tsx index 34d79d71..7ea684f6 100644 --- a/src/components/dashboard/toolbars/Formula.tsx +++ b/src/components/dashboard/toolbars/Formula.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const Formula: ICommand = { name: "formula", label: "Formula", - icon: "icon-[mingcute--formula-line]", + icon: "i-mingcute-formula-line", execute: ({ view }) => { wrapExecute({ view, prepend: "$$ ", append: " $$" }) }, diff --git a/src/components/dashboard/toolbars/Heading.tsx b/src/components/dashboard/toolbars/Heading.tsx index f22ef218..450fefb2 100644 --- a/src/components/dashboard/toolbars/Heading.tsx +++ b/src/components/dashboard/toolbars/Heading.tsx @@ -3,7 +3,7 @@ import { ICommand, prependExecute } from "." export const Heading: ICommand = { name: "heading", label: "Heading", - icon: "icon-[mingcute--heading-2-line]", + icon: "i-mingcute-heading-2-line", execute: ({ view }) => { prependExecute({ view, prepend: "## " }) }, diff --git a/src/components/dashboard/toolbars/Help.tsx b/src/components/dashboard/toolbars/Help.tsx index cd813746..72c01aad 100644 --- a/src/components/dashboard/toolbars/Help.tsx +++ b/src/components/dashboard/toolbars/Help.tsx @@ -5,7 +5,7 @@ import { ICommand } from "." export const Help: ICommand = { name: "help", label: "Help: Markdown syntax and components used by xLog", - icon: "icon-[mingcute--question-line]", + icon: "i-mingcute-question-line", execute: ({ view }) => { window.open( `${getSiteLink({ diff --git a/src/components/dashboard/toolbars/Italic.tsx b/src/components/dashboard/toolbars/Italic.tsx index 1b21ebd9..779e7d0f 100644 --- a/src/components/dashboard/toolbars/Italic.tsx +++ b/src/components/dashboard/toolbars/Italic.tsx @@ -9,7 +9,7 @@ const action = (view: EditorView) => { export const Italic: ICommand = { name: "italic", label: "Italic", - icon: "icon-[mingcute--italic-line]", + icon: "i-mingcute-italic-line", execute({ view }) { action(view) }, diff --git a/src/components/dashboard/toolbars/Link.tsx b/src/components/dashboard/toolbars/Link.tsx index c5dabc8e..6c086b3e 100644 --- a/src/components/dashboard/toolbars/Link.tsx +++ b/src/components/dashboard/toolbars/Link.tsx @@ -9,7 +9,7 @@ const action = (view: EditorView) => { export const Link: ICommand = { name: "link", label: "Link", - icon: "icon-[mingcute--link-2-line]", + icon: "i-mingcute-link-2-line", execute({ view }) { action(view) }, diff --git a/src/components/dashboard/toolbars/ListOrdered.tsx b/src/components/dashboard/toolbars/ListOrdered.tsx index 2083e128..8d8e85cd 100644 --- a/src/components/dashboard/toolbars/ListOrdered.tsx +++ b/src/components/dashboard/toolbars/ListOrdered.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const ListOrdered: ICommand = { name: "list-ordered", label: "Ordered List", - icon: "icon-[mingcute--list-ordered-line]", + icon: "i-mingcute-list-ordered-line", execute: ({ view }) => { wrapExecute({ view, prepend: "1. ", append: "\n" }) }, diff --git a/src/components/dashboard/toolbars/ListUnordered.tsx b/src/components/dashboard/toolbars/ListUnordered.tsx index cb9d4f4b..6571d1fc 100644 --- a/src/components/dashboard/toolbars/ListUnordered.tsx +++ b/src/components/dashboard/toolbars/ListUnordered.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const ListUnordered: ICommand = { name: "list-unordered", label: "Unordered List", - icon: "icon-[mingcute--list-check-line]", + icon: "i-mingcute-list-check-line", execute: ({ view }) => { wrapExecute({ view, prepend: "- ", append: "\n" }) }, diff --git a/src/components/dashboard/toolbars/Mention.tsx b/src/components/dashboard/toolbars/Mention.tsx index cf14d33c..b34c269c 100644 --- a/src/components/dashboard/toolbars/Mention.tsx +++ b/src/components/dashboard/toolbars/Mention.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const Mention: ICommand = { name: "mention", label: "Mention", - icon: "icon-[mingcute--at-line]", + icon: "i-mingcute-at-line", execute: ({ view }) => { wrapExecute({ view, prepend: "@", append: "" }) }, diff --git a/src/components/dashboard/toolbars/Multimedia.tsx b/src/components/dashboard/toolbars/Multimedia.tsx index 428f5aa6..ed9b77e0 100644 --- a/src/components/dashboard/toolbars/Multimedia.tsx +++ b/src/components/dashboard/toolbars/Multimedia.tsx @@ -101,7 +101,7 @@ export async function editorUpload(file: File, view: EditorView) { export const Multimedia: ICommand = { name: "upload-multimedia", label: "Upload Image, Audio or Video", - icon: "icon-[mingcute--photo-album-line]", + icon: "i-mingcute-photo-album-line", execute: ({ view }) => { const input = document.createElement("input") input.type = "file" diff --git a/src/components/dashboard/toolbars/Quote.tsx b/src/components/dashboard/toolbars/Quote.tsx index 7aa0388e..4b294080 100644 --- a/src/components/dashboard/toolbars/Quote.tsx +++ b/src/components/dashboard/toolbars/Quote.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const Quote: ICommand = { name: "quote", label: "Quote", - icon: "icon-[mingcute--quote-left-fill]", + icon: "i-mingcute-quote-left-fill", execute: ({ view }) => { wrapExecute({ view, prepend: "> ", append: "\n" }) }, diff --git a/src/components/dashboard/toolbars/Strikethrough.tsx b/src/components/dashboard/toolbars/Strikethrough.tsx index ac0b2f4b..49636cb0 100644 --- a/src/components/dashboard/toolbars/Strikethrough.tsx +++ b/src/components/dashboard/toolbars/Strikethrough.tsx @@ -3,7 +3,7 @@ import { ICommand, wrapExecute } from "." export const Strikethrough: ICommand = { name: "strikethrough", label: "Strikethrough", - icon: "icon-[mingcute--strikethrough-line]", + icon: "i-mingcute-strikethrough-line", execute: ({ view }) => { wrapExecute({ view, prepend: "~~", append: "~~" }) }, diff --git a/src/components/dashboard/toolbars/Underline.tsx b/src/components/dashboard/toolbars/Underline.tsx index 6082cf49..23063616 100644 --- a/src/components/dashboard/toolbars/Underline.tsx +++ b/src/components/dashboard/toolbars/Underline.tsx @@ -9,7 +9,7 @@ const action = (view: EditorView) => { export const Underline: ICommand = { name: "underline", label: "Underline", - icon: "icon-[mingcute--underline-line]", + icon: "i-mingcute-underline-line", execute: ({ view }) => { action(view) }, diff --git a/src/components/home/HomeFeed.tsx b/src/components/home/HomeFeed.tsx index 0cff24d0..fb420bba 100644 --- a/src/components/home/HomeFeed.tsx +++ b/src/components/home/HomeFeed.tsx @@ -166,7 +166,7 @@ export const HomeFeed = ({ type }: { type?: FeedType }) => {
    {hasFiltering && (
    - + {t("Enable AI Filtering")} @@ -175,7 +175,7 @@ export const HomeFeed = ({ type }: { type?: FeedType }) => { "Filter out possible low-quality content based on AI ratings", )} > - + - +
    - +
    ) : images?.length === 1 ? ( diff --git a/src/components/home/PostModal.tsx b/src/components/home/PostModal.tsx index 4aab1afc..fcf5113d 100644 --- a/src/components/home/PostModal.tsx +++ b/src/components/home/PostModal.tsx @@ -37,7 +37,7 @@ export default function PostModal({ }} > - + - +
    {children}
    diff --git a/src/components/home/PromotionLinks.tsx b/src/components/home/PromotionLinks.tsx index a2189170..35e36b2b 100644 --- a/src/components/home/PromotionLinks.tsx +++ b/src/components/home/PromotionLinks.tsx @@ -21,7 +21,7 @@ export default async function PromotionLinks({ subdomain: "xlog", })}/xlog-rss`} > - + - + )} {DISCORD_LINK && ( @@ -53,7 +53,7 @@ export default async function PromotionLinks({ className="flex-1 flex justify-center text-[#7289da]" href={DISCORD_LINK} > - + )} {TWITTER_LINK && ( @@ -61,7 +61,7 @@ export default async function PromotionLinks({ className="flex-1 flex justify-center text-[#1DA1F2]" href={TWITTER_LINK} > - + )} diff --git a/src/components/icons/BlockchainIcon.tsx b/src/components/icons/BlockchainIcon.tsx index 5999bc5f..ef3c0812 100644 --- a/src/components/icons/BlockchainIcon.tsx +++ b/src/components/icons/BlockchainIcon.tsx @@ -10,7 +10,7 @@ export const BlockchainIcon = ({ className }: { className?: string }) => { "xlog-site-blockchain-icon text-green-600 inline-flex items-center", )} > - +     ) } diff --git a/src/components/site/BackToTopFAB.tsx b/src/components/site/BackToTopFAB.tsx index cdbaa038..8ec39b45 100644 --- a/src/components/site/BackToTopFAB.tsx +++ b/src/components/site/BackToTopFAB.tsx @@ -36,7 +36,7 @@ export const BackToTopFAB = () => { }} className="xlog-back-to-top" > - + ) } diff --git a/src/components/site/EditButton.tsx b/src/components/site/EditButton.tsx index 59b67ec0..16e46939 100644 --- a/src/components/site/EditButton.tsx +++ b/src/components/site/EditButton.tsx @@ -33,7 +33,7 @@ export const EditButton = ({ className="xlog-post-editor inline-flex items-center" href={`${SITE_URL}/dashboard/${handle}/editor?id=${noteId}&type=${type}`} > - {t("Edit")} + {t("Edit")} )} diff --git a/src/components/site/Platform.tsx b/src/components/site/Platform.tsx index 40aab171..3f7b7521 100644 --- a/src/components/site/Platform.tsx +++ b/src/components/site/Platform.tsx @@ -213,7 +213,7 @@ export const Platform = ({ /> ) : ( - + )} diff --git a/src/components/site/PostMeta.tsx b/src/components/site/PostMeta.tsx index 7ca7d47f..a3b59e61 100644 --- a/src/components/site/PostMeta.tsx +++ b/src/components/site/PostMeta.tsx @@ -38,7 +38,7 @@ export default async function PostMeta({ ) : null} - + {page.stat?.viewDetailCount}
    - + {translated?.["AI-generated summary"] || "AI-generated summary"}
    {summary}
    diff --git a/src/components/site/ShortPreviewList.tsx b/src/components/site/ShortPreviewList.tsx index 6b659679..c8e1705f 100644 --- a/src/components/site/ShortPreviewList.tsx +++ b/src/components/site/ShortPreviewList.tsx @@ -38,7 +38,7 @@ export default function ShortList({ >

    - + {t("Shorts")}

    @@ -89,7 +89,7 @@ export default function ShortList({ href="/shorts" className="bg-white rounded-full z-[1] w-8 h-8 flex items-center justify-center" > - + diff --git a/src/components/site/SiteHeaderMenu.tsx b/src/components/site/SiteHeaderMenu.tsx index 59ce8fca..ac1de10e 100644 --- a/src/components/site/SiteHeaderMenu.tsx +++ b/src/components/site/SiteHeaderMenu.tsx @@ -25,7 +25,7 @@ function MoreActions({ children }: React.PropsWithChildren<{}>) { aria-label="more" className="-mx-2 text-zinc-600" > - + } dropdown={
    {children}
    } @@ -104,7 +104,7 @@ export const SiteHeaderMenu = ({ text: "Search on this site", icon: ( - + ), onClick: () => setSearchOpen(true), diff --git a/src/components/site/TranslationInfo.tsx b/src/components/site/TranslationInfo.tsx index 05111467..21415d92 100644 --- a/src/components/site/TranslationInfo.tsx +++ b/src/components/site/TranslationInfo.tsx @@ -28,7 +28,7 @@ export default async function TranslationInfo({ )} > - + {t.rich("Translated by", { from: () => ( diff --git a/src/components/ui/APlayer.tsx b/src/components/ui/APlayer.tsx index e23b1b90..285f00ac 100644 --- a/src/components/ui/APlayer.tsx +++ b/src/components/ui/APlayer.tsx @@ -88,7 +88,7 @@ const APlayer = memo(function APlayer({ onClick={playNow} className="p-2 rounded-full bg-accent opacity-90 hover:opacity-100 transition-opacity" > - + @@ -100,7 +100,7 @@ const APlayer = memo(function APlayer({ onClick={addToList} className="p-2 rounded-full bg-gray-50 hover:bg-gray-100" > - + diff --git a/src/components/ui/EmptyState.tsx b/src/components/ui/EmptyState.tsx index fac5f4f7..c1809e98 100644 --- a/src/components/ui/EmptyState.tsx +++ b/src/components/ui/EmptyState.tsx @@ -7,7 +7,7 @@ export const EmptyState = ({ resource = "post" }: { resource?: string }) => { return (
    - +
    {" "} {t(`No ${resource.charAt(0).toUpperCase() + resource.slice(1)} Yet`)} diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx index 554e87a3..789a048d 100644 --- a/src/components/ui/Modal.tsx +++ b/src/components/ui/Modal.tsx @@ -104,7 +104,7 @@ export const Modal = forwardRef( className="absolute right-4 w-7 h-7 text-xl cursor-pointer bg-white flex items-center justify-center" onClick={() => setOpen(false)} > - + )} diff --git a/src/markdown/rehype-wrap-code.ts b/src/markdown/rehype-wrap-code.ts index 8028eeea..8b56f1ce 100644 --- a/src/markdown/rehype-wrap-code.ts +++ b/src/markdown/rehype-wrap-code.ts @@ -28,7 +28,7 @@ export const rehypeWrapCode: Plugin, Root> = () => { u("element", { tagName: "span", properties: { - className: "icon-[mingcute--copy-2-line]", + className: "i-mingcute-copy-2-line", }, children: [], }), diff --git a/tailwind.config.ts b/tailwind.config.ts index 3e9e2f01..824edbbc 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -5,11 +5,11 @@ import { variableColorsPlugin, } from "tailwindcss-variable-colors" -import { addDynamicIconSelectors } from "@iconify/tailwind" +import { iconsPlugin } from "@egoist/tailwindcss-icons" const config: Config = { content: ["./src/**/*.tsx"], - safelist: ["icon-[mingcute--link-line]", "icon-[mingcute--copy-2-line]"], + safelist: ["i-mingcute-link-line", "i-mingcute-copy-2-line"], darkMode: ["class", "html.dark"], theme: { colors: createVariableColors(), @@ -79,7 +79,7 @@ const config: Config = { plugins: [ require("tailwindcss-animate"), require("tailwind-scrollbar-hide"), - addDynamicIconSelectors(), + iconsPlugin(), variableColorsPlugin(), ], }