refactor: use jsr:@preact-icons/tb

components/Footer.tsx

@@ -1,8 +1,8 @@
 // Copyright 2023-2025 the Deno authors. All rights reserved. MIT license.
 import { SITE_NAME } from "@/utils/constants.ts";
-import IconBrandDiscord from "tabler_icons_tsx/brand-discord.tsx";
-import IconBrandGithub from "tabler_icons_tsx/brand-github.tsx";
-import IconRss from "tabler_icons_tsx/rss.tsx";
+import IconBrandDiscord from "@preact-icons/tb/TbBrandDiscord";
+import IconBrandGithub from "@preact-icons/tb/TbBrandGithub";
+import IconRss from "@preact-icons/tb/TbRss";
 
 function MadeWithFreshBadge() {
   return (

components/Header.tsx

@@ -1,8 +1,8 @@
 // Copyright 2023-2025 the Deno authors. All rights reserved. MIT license.
 import { SITE_NAME } from "@/utils/constants.ts";
 import { isStripeEnabled } from "@/utils/stripe.ts";
-import IconX from "tabler_icons_tsx/x.tsx";
-import IconMenu from "tabler_icons_tsx/menu-2.tsx";
+import IconX from "@preact-icons/tb/TbX";
+import IconMenu from "@preact-icons/tb/TbMenu2";
 import { User } from "@/utils/db.ts";
 
 export interface HeaderProps {

components/Share.tsx

@@ -1,8 +1,8 @@
 // Copyright 2023-2025 the Deno authors. All rights reserved. MIT license.
-import IconBrandFacebook from "tabler_icons_tsx/brand-facebook.tsx";
-import IconBrandLinkedin from "tabler_icons_tsx/brand-linkedin.tsx";
-import IconBrandReddit from "tabler_icons_tsx/brand-reddit.tsx";
-import IconBrandTwitter from "tabler_icons_tsx/brand-twitter.tsx";
+import IconBrandFacebook from "@preact-icons/tb/TbBrandFacebook";
+import IconBrandLinkedin from "@preact-icons/tb/TbBrandLinkedin";
+import IconBrandReddit from "@preact-icons/tb/TbBrandReddit";
+import IconBrandTwitter from "@preact-icons/tb/TbBrandTwitter";
 
 interface ShareProps {
   url: URL;

deno.json

@@ -20,6 +20,7 @@
   "imports": {
     "@/": "./",
     "$fresh/": "https://deno.land/x/fresh@1.7.3/",
+    "@preact-icons/tb": "jsr:@preact-icons/tb@^1.0.14",
     "preact": "npm:preact@10.22.1",
     "@std/assert": "jsr:@std/assert@^1.0.13",
     "@std/datetime": "jsr:@std/datetime@^0.225.5",
@@ -36,7 +37,6 @@
     "tailwindcss/plugin": "npm:/tailwindcss@3.4.1/plugin.js",
     "stripe": "npm:/stripe@13.5.0",
     "kv_oauth/": "https://deno.land/x/deno_kv_oauth@v0.9.1/",
-    "tabler_icons_tsx/": "https://deno.land/x/tabler_icons_tsx@0.0.4/tsx/",
     "fresh_charts/": "https://deno.land/x/fresh_charts@0.3.1/"
   },
   "lint": { "rules": { "tags": ["fresh", "recommended", "jsx", "react"] } },

islands/ItemsList.tsx

@@ -2,7 +2,7 @@
 import { Signal, useComputed, useSignal } from "@preact/signals";
 import { useEffect } from "preact/hooks";
 import { type Item } from "@/utils/db.ts";
-import IconInfo from "tabler_icons_tsx/info-circle.tsx";
+import IconInfo from "@preact-icons/tb/TbInfoCircle";
 import { fetchValues } from "@/utils/http.ts";
 import { decodeTime } from "@std/ulid/decode-time";
 import { timeAgo } from "@/utils/display.ts";

routes/pricing.tsx

@@ -3,7 +3,7 @@ import type { State } from "@/plugins/session.ts";
 import { assertIsPrice, isStripeEnabled, stripe } from "@/utils/stripe.ts";
 import { formatCurrency } from "@/utils/display.ts";
 import Stripe from "stripe";
-import IconCheckCircle from "tabler_icons_tsx/circle-check.tsx";
+import IconCheckCircle from "@preact-icons/tb/TbCircleCheck";
 import Head from "@/components/Head.tsx";
 import { defineRoute } from "$fresh/server.ts";
 import { PremiumBadge } from "@/components/PremiumBadge.tsx";

routes/submit.tsx

@@ -1,7 +1,7 @@
 // Copyright 2023-2025 the Deno authors. All rights reserved. MIT license.
 import Head from "@/components/Head.tsx";
-import IconCheckCircle from "tabler_icons_tsx/circle-check.tsx";
-import IconCircleX from "tabler_icons_tsx/circle-x.tsx";
+import IconCheckCircle from "@preact-icons/tb/TbCircleCheck";
+import IconCircleX from "@preact-icons/tb/TbCircleX";
 import { defineRoute, Handlers } from "$fresh/server.ts";
 import { createItem } from "@/utils/db.ts";
 import { redirect } from "@/utils/http.ts";
@@ -11,7 +11,7 @@ import {
   State,
 } from "@/plugins/session.ts";
 import { ulid } from "@std/ulid/ulid";
-import IconInfo from "tabler_icons_tsx/info-circle.tsx";
+import IconInfo from "@preact-icons/tb/TbInfoCircle";
 
 const SUBMIT_STYLES =
   "w-full text-white text-center rounded-[7px] transition duration-300 px-4 py-2 block hover:bg-white hover:text-black hover:dark:bg-gray-900 hover:dark:!text-white";

routes/users/[login].tsx

@@ -1,7 +1,7 @@
 // Copyright 2023-2025 the Deno authors. All rights reserved. MIT license.
 import type { State } from "@/plugins/session.ts";
 import { getUser } from "@/utils/db.ts";
-import IconBrandGithub from "tabler_icons_tsx/brand-github.tsx";
+import IconBrandGithub from "@preact-icons/tb/TbBrandGithub";
 import Head from "@/components/Head.tsx";
 import GitHubAvatarImg from "@/components/GitHubAvatarImg.tsx";
 import ItemsList from "@/islands/ItemsList.tsx";