From c6199313862f359f3dcdfc0ff7e1236b2cb485e5 Mon Sep 17 00:00:00 2001
From: oiov <oiov@duck.com>
Date: Wed, 28 May 2025 18:20:22 +0800
Subject: [PATCH] Enhance url display method(grids)

---
 app/(protected)/dashboard/urls/url-list.tsx | 198 +++++++++++++++++---
 components/sections/email.tsx               |  23 +--
 components/sections/url-shortener.tsx       |  25 +--
 components/shared/icons.tsx                 |  32 +++-
 lib/utils.ts                                |   9 +
 next.config.js                              |   4 +
 public/sw.js.map                            |   2 +-
 7 files changed, 221 insertions(+), 72 deletions(-)

diff --git a/app/(protected)/dashboard/urls/url-list.tsx b/app/(protected)/dashboard/urls/url-list.tsx
index c04b6e5..d2805f5 100644
--- a/app/(protected)/dashboard/urls/url-list.tsx
+++ b/app/(protected)/dashboard/urls/url-list.tsx
@@ -12,6 +12,7 @@ import { ShortUrlFormData } from "@/lib/dto/short-urls";
 import {
   cn,
   expirationTime,
+  extractHostname,
   fetcher,
   removeUrlSuffix,
   timeAgo,
@@ -39,6 +40,7 @@ import {
 import { FormType } from "@/components/forms/record-form";
 import { UrlForm } from "@/components/forms/url-form";
 import ApiReference from "@/components/shared/api-reference";
+import BlurImage from "@/components/shared/blur-image";
 import { CopyButton } from "@/components/shared/copy-button";
 import { EmptyPlaceholder } from "@/components/shared/empty-placeholder";
 import { Icons } from "@/components/shared/icons";
@@ -141,8 +143,18 @@ export default function UserUrlsList({ user, action }: UrlListProps) {
     }
   };
 
-  const renderList = () => (
-    <div className="rounded-lg border p-4">
+  const rendeEmpty = () => (
+    <EmptyPlaceholder>
+      <EmptyPlaceholder.Icon name="link" />
+      <EmptyPlaceholder.Title>No urls</EmptyPlaceholder.Title>
+      <EmptyPlaceholder.Description>
+        You don&apos;t have any url yet. Start creating url.
+      </EmptyPlaceholder.Description>
+    </EmptyPlaceholder>
+  );
+
+  const rendeHeader = () => (
+    <>
       {pathname === "/dashboard" && (
         <h2 className="mb-4 text-lg font-bold">Short URLs</h2>
       )}
@@ -221,6 +233,12 @@ export default function UserUrlsList({ user, action }: UrlListProps) {
           </div>
         )}
       </div>
+    </>
+  );
+
+  const rendeList = () => (
+    <div className="rounded-lg border p-4">
+      {rendeHeader()}
 
       <Table>
         <TableHeader className="bg-gray-100/50 dark:bg-primary-foreground">
@@ -377,13 +395,7 @@ export default function UserUrlsList({ user, action }: UrlListProps) {
               </div>
             ))
           ) : (
-            <EmptyPlaceholder>
-              <EmptyPlaceholder.Icon name="link" />
-              <EmptyPlaceholder.Title>No urls</EmptyPlaceholder.Title>
-              <EmptyPlaceholder.Description>
-                You don&apos;t have any url yet. Start creating url.
-              </EmptyPlaceholder.Description>
-            </EmptyPlaceholder>
+            rendeEmpty()
           )}
         </TableBody>
         {data && Math.ceil(data.total / pageSize) > 1 && (
@@ -399,14 +411,157 @@ export default function UserUrlsList({ user, action }: UrlListProps) {
     </div>
   );
 
+  const rendeGrid = () => (
+    <>
+      <div className="rounded-lg border p-4">
+        {rendeHeader()}
+
+        <section className="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
+          {isLoading ? (
+            <>
+              {[1, 2, 3, 4, 5, 6].map((v) => (
+                <Skeleton key={v} className="h-24 w-full" />
+              ))}
+            </>
+          ) : data && data.list && data.list.length ? (
+            data.list.map((short) => (
+              <div className="h-24 rounded-md border p-3" key={short.id}>
+                <div className="flex h-full items-start justify-start gap-3">
+                  <BlurImage
+                    src={`https://unavatar.io/${extractHostname(short.target)}?fallback=https://wr.do/logo.png`}
+                    alt="logo"
+                    width={30}
+                    height={30}
+                  />
+                  <div className="flex size-full flex-col justify-between truncate">
+                    <div className="flex w-full items-center justify-between gap-3">
+                      <div className="flex items-center">
+                        <Link
+                          className="overflow-hidden text-ellipsis whitespace-normal text-sm font-semibold text-slate-600 hover:text-blue-400 hover:underline dark:text-slate-400"
+                          href={`https://${short.prefix}/s/${short.url}${short.password ? `?password=${short.password}` : ""}`}
+                          target="_blank"
+                          prefetch={false}
+                          title={short.url}
+                        >
+                          {short.prefix}/s/{short.url}
+                        </Link>
+                        <CopyButton
+                          value={`${short.prefix}/s/${short.url}${short.password ? `?password=${short.password}` : ""}`}
+                          className={cn(
+                            "size-[25px]",
+                            "duration-250 transition-all group-hover:opacity-100",
+                          )}
+                        />
+                        {short.password && (
+                          <Icons.lock className="size-3 text-neutral-600 dark:text-neutral-400" />
+                        )}
+                      </div>
+                      <div className="ml-auto flex items-center">
+                        <Button
+                          className="size-[25px] p-1.5"
+                          size="sm"
+                          variant="ghost"
+                          onClick={() => {
+                            setCurrentEditUrl(short);
+                            setShowForm(false);
+                            setFormType("edit");
+                            setShowForm(!isShowForm);
+                          }}
+                        >
+                          <PenLine className="size-4" />
+                        </Button>
+                        <Button
+                          className="size-[25px] p-1.5"
+                          size="sm"
+                          variant="ghost"
+                          onClick={() => {
+                            setSelectedUrl(short);
+                            setShowQrcode(!isShowQrcode);
+                          }}
+                        >
+                          <Icons.qrcode className="size-4" />
+                        </Button>
+                        <Button
+                          className="size-[25px] p-1.5"
+                          size="sm"
+                          variant="ghost"
+                          onClick={() => {
+                            setSelectedUrl(short);
+                            if (isShowStats && selectedUrl?.id !== short.id) {
+                            } else {
+                              setShowStats(!isShowStats);
+                            }
+                          }}
+                        >
+                          <Icons.lineChart className="size-4" />
+                        </Button>
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-1 overflow-hidden truncate text-sm text-muted-foreground">
+                      <Icons.forwardArrow className="size-4 shrink-0 text-gray-400" />
+                      <LinkInfoPreviewer
+                        apiKey={user.apiKey ?? ""}
+                        url={short.target}
+                        formatUrl={removeUrlSuffix(short.target)}
+                      />
+                    </div>
+                    <div className="mt-auto flex items-center justify-end gap-1.5 text-xs text-muted-foreground">
+                      Expiration:{" "}
+                      {expirationTime(short.expiration, short.updatedAt)}
+                      <span>|</span>
+                      Updated at {timeAgo(short.updatedAt as Date)}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            ))
+          ) : (
+            rendeEmpty()
+          )}
+        </section>
+
+        {data && Math.ceil(data.total / pageSize) > 1 && (
+          <PaginationWrapper
+            total={data.total}
+            currentPage={currentPage}
+            setCurrentPage={setCurrentPage}
+            pageSize={pageSize}
+            setPageSize={setPageSize}
+          />
+        )}
+      </div>
+    </>
+  );
+
+  const rendLogs = () => (
+    <>
+      {action.indexOf("admin") > -1 ? <LiveLog admin={true} /> : <LiveLog />}
+      <ApiReference
+        badge="POST /api/v1/short"
+        target="creating short urls"
+        link="/docs/short-urls#api-reference"
+      />
+    </>
+  );
+
   return (
     <>
-      <Tabs defaultValue="Links">
+      <Tabs defaultValue="List">
         {pathname !== "/dashboard" && (
           <div className="mb-4 flex items-center justify-between gap-2">
             <TabsList>
-              <TabsTrigger value="Links">Links</TabsTrigger>
-              <TabsTrigger value="Realtime">Realtime</TabsTrigger>
+              <TabsTrigger className="flex items-center gap-1" value="List">
+                <Icons.list className="size-4" />
+                List
+              </TabsTrigger>
+              <TabsTrigger className="flex items-center gap-1" value="Grid">
+                <Icons.layoutGrid className="size-4" />
+                Grid
+              </TabsTrigger>
+              <TabsTrigger className="flex items-center gap-1" value="Realtime">
+                <Icons.globe className="size-4" />
+                Realtime
+              </TabsTrigger>
             </TabsList>
             <div className="ml-auto flex items-center justify-end gap-3">
               <Button
@@ -437,18 +592,13 @@ export default function UserUrlsList({ user, action }: UrlListProps) {
           </div>
         )}
 
-        <TabsContent className="space-y-3" value="Links">
-          {renderList()}
-          {action.indexOf("admin") > -1 ? (
-            <LiveLog admin={true} />
-          ) : (
-            <LiveLog />
-          )}
-          <ApiReference
-            badge="POST /api/v1/short"
-            target="creating short urls"
-            link="/docs/short-urls#api-reference"
-          />
+        <TabsContent className="space-y-3" value="List">
+          {rendeList()}
+          {rendLogs()}
+        </TabsContent>
+        <TabsContent className="space-y-3" value="Grid">
+          {rendeGrid()}
+          {rendLogs()}
         </TabsContent>
         <TabsContent value="Realtime">
           {action.indexOf("admin") > -1 ? <Globe isAdmin={true} /> : <Globe />}
diff --git a/components/sections/email.tsx b/components/sections/email.tsx
index c421ee1..f1487d9 100644
--- a/components/sections/email.tsx
+++ b/components/sections/email.tsx
@@ -111,28 +111,7 @@ export default function EmailManagerInnovate() {
                 </div>
               </div>
               <div className="flex items-center gap-1 text-sm text-gray-500 dark:text-gray-400">
-                <svg
-                  viewBox="0 0 18 18"
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="h-4 w-4 shrink-0 dark:text-gray-400"
-                >
-                  <path
-                    d="M15.25,9.75H4.75c-1.105,0-2-.895-2-2V3.75"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.5"
-                  ></path>
-                  <polyline
-                    fill="none"
-                    points="11 5.5 15.25 9.75 11 14"
-                    stroke="currentColor"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.5"
-                  ></polyline>
-                </svg>
+                <Icons.forwardArrow className="h-4 w-4 shrink-0 text-gray-400" />
                 {viewMode === "inbox" ? "app@wr.do" : "example@gmail.com"}
               </div>
             </div>
diff --git a/components/sections/url-shortener.tsx b/components/sections/url-shortener.tsx
index d29451f..041265e 100644
--- a/components/sections/url-shortener.tsx
+++ b/components/sections/url-shortener.tsx
@@ -78,30 +78,7 @@ export default function UrlShotenerExp() {
                     </div>
                   </div>
                   <div className="flex items-center gap-1 text-sm font-semibold text-gray-400">
-                    <svg
-                      viewBox="0 0 18 18"
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="h-4 w-4 shrink-0 text-gray-400"
-                    >
-                      <g fill="currentColor">
-                        <path
-                          d="M15.25,9.75H4.75c-1.105,0-2-.895-2-2V3.75"
-                          fill="none"
-                          stroke="currentColor"
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                          strokeWidth="1.5"
-                        ></path>
-                        <polyline
-                          fill="none"
-                          points="11 5.5 15.25 9.75 11 14"
-                          stroke="currentColor"
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                          strokeWidth="1.5"
-                        ></polyline>
-                      </g>
-                    </svg>
+                    <Icons.forwardArrow className="h-4 w-4 shrink-0 text-gray-400" />
                     wr.do/dashboard
                   </div>
                 </div>
diff --git a/components/shared/icons.tsx b/components/shared/icons.tsx
index b53698e..fa6af60 100644
--- a/components/shared/icons.tsx
+++ b/components/shared/icons.tsx
@@ -28,9 +28,10 @@ import {
   Image,
   Inbox,
   Laptop,
+  LayoutGrid,
   LayoutPanelLeft,
-  LineChart,
   Link,
+  List,
   ListChecks,
   ListFilter,
   Loader2,
@@ -84,6 +85,8 @@ export const Icons = {
   calendar: Calendar,
   crown: Crown,
   lock: LockKeyhole,
+  list: List,
+  layoutGrid: LayoutGrid,
   unLock: LockKeyholeOpen,
   listFilter: ListFilter,
   botMessageSquare: BotMessageSquare,
@@ -330,4 +333,31 @@ export const Icons = {
       </g>
     </svg>
   ),
+  forwardArrow: ({ ...props }: LucideProps) => (
+    <svg
+      viewBox="0 0 18 18"
+      xmlns="http://www.w3.org/2000/svg"
+      // className="h-4 w-4 shrink-0 text-gray-400"
+      {...props}
+    >
+      <g fill="currentColor">
+        <path
+          d="M15.25,9.75H4.75c-1.105,0-2-.895-2-2V3.75"
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        ></path>
+        <polyline
+          fill="none"
+          points="11 5.5 15.25 9.75 11 14"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        ></polyline>
+      </g>
+    </svg>
+  ),
 };
diff --git a/lib/utils.ts b/lib/utils.ts
index dea9374..7bc9d6c 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -245,6 +245,15 @@ export function removeUrlSuffix(url: string): string {
   return url.startsWith("http") ? url.split("//")[1] : url;
 }
 
+export function extractHostname(url: string): string {
+  try {
+    const urlObject = new URL(url);
+    return urlObject.hostname;
+  } catch (error) {
+    return "";
+  }
+}
+
 export function toCamelCase(str: string) {
   return str
     .split("-")
diff --git a/next.config.js b/next.config.js
index 160f4e3..3a86732 100644
--- a/next.config.js
+++ b/next.config.js
@@ -13,6 +13,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "**",
       },
+      {
+        protocol: "https",
+        hostname: "unavatar.io",
+      },
       {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
diff --git a/public/sw.js.map b/public/sw.js.map
index 9ae193a..60ab385 100644
--- a/public/sw.js.map
+++ b/public/sw.js.map
@@ -1 +1 @@
-{"version":3,"file":"sw.js","sources":["../../../../../../private/var/folders/9b/3qmyp8zd2xvdspdrp149fyg00000gn/T/f44b23eecd13c812335977d64a95e1ea/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-routing@6.6.0/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-core@6.6.0/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({ request, response, event, state }) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, { status: 200, statusText: 'OK', headers: response.headers }) } return response } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"sw.js","sources":["../../../../../../private/var/folders/9b/3qmyp8zd2xvdspdrp149fyg00000gn/T/cb68c864672842ecdb4b7e5261345bda/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-routing@6.6.0/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-core@6.6.0/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({ request, response, event, state }) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, { status: 200, statusText: 'OK', headers: response.headers }) } return response } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":"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"}
\ No newline at end of file