fix tests, add icon

dubinc · Oct 15, 2024 · 98f2bc3 · 98f2bc3
1 parent 80148c9
commit 98f2bc3
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 7 deletions.
diff --git a/apps/web/app/banned/page.tsx b/apps/web/app/banned/page.tsx
@@ -17,7 +17,7 @@ export default async function BannedPage() {
       <Nav />
       <div className="z-10 mx-2 my-10 flex max-w-md flex-col items-center space-y-5 px-2.5 text-center sm:mx-auto sm:max-w-lg sm:px-0 lg:mb-16">
         <div className="mx-auto flex h-20 w-20 items-center justify-center rounded-full border border-gray-300 bg-white/30">
-          <ShieldBan className="h-6 w-6 text-gray-400" />
+          <ShieldBan className="size-6 text-gray-500" />
         </div>
         <h1 className="font-display text-5xl font-bold">Banned Link</h1>
         <p className="text-lg text-gray-600">

diff --git a/apps/web/app/expired/[domain]/page.tsx b/apps/web/app/expired/[domain]/page.tsx
@@ -30,7 +30,7 @@ export default async function ExpiredLinkPage({
       <Nav />
       <div className="z-10 mx-2 my-10 flex max-w-md flex-col items-center space-y-5 px-2.5 text-center sm:mx-auto sm:max-w-lg sm:px-0 lg:mb-16">
         <div className="mx-auto flex h-20 w-20 items-center justify-center rounded-full border border-gray-300 bg-white/80">
-          <CircleHalfDottedClock className="h-6 w-6 text-gray-400" />
+          <CircleHalfDottedClock className="size-6 text-gray-500" />
         </div>
         <h1 className="font-display text-5xl font-bold">Expired Link</h1>
         <p className="text-lg text-gray-600">

diff --git a/apps/web/app/notfoundlink/page.tsx b/apps/web/app/notfoundlink/page.tsx
@@ -1,4 +1,4 @@
-import { Background, Footer, Nav, NavMobile } from "@dub/ui";
+import { Background, Footer, GlobeSearch, Nav, NavMobile } from "@dub/ui";
 import { constructMetadata } from "@dub/utils";
 
 export const runtime = "edge";
@@ -17,7 +17,7 @@ export default async function NotFoundLinkPage() {
       <Nav />
       <div className="z-10 mx-2 my-10 flex max-w-md flex-col items-center space-y-5 px-2.5 text-center sm:mx-auto sm:max-w-lg sm:px-0 lg:mb-16">
         <div className="font-display mx-auto flex h-20 w-20 items-center justify-center rounded-full border border-gray-300 bg-white/80 text-lg font-bold text-gray-400">
-          404
+          <GlobeSearch className="size-6 text-gray-500" />
         </div>
         <h1 className="font-display text-5xl font-bold">Link Not Found</h1>
         <p className="text-lg text-gray-600">

diff --git a/apps/web/tests/redirects/index.test.ts b/apps/web/tests/redirects/index.test.ts
@@ -85,9 +85,7 @@ describe.runIf(env.CI)("Link Redirects", async () => {
       headers: {},
     });
 
-    expect(response.headers.get("location")).toBe(
-      "https://dub.co/?dub-no-track=1",
-    );
+    expect(response.headers.get("location")).toBe("/?dub-no-track=1");
     expect(response.headers.get("x-powered-by")).toBe(poweredBy);
     expect(response.status).toBe(302);
   });

diff --git a/packages/ui/src/icons/nucleo/globe-search.tsx b/packages/ui/src/icons/nucleo/globe-search.tsx
@@ -0,0 +1,24 @@
+import { SVGProps } from "react";
+
+export function GlobeSearch(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      height="18"
+      width="18"
+      viewBox="0 0 18 18"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g fill="currentColor">
+        <path
+          d="M9.714,15.461c-.234,.025-.473,.039-.714,.039-.589,0-1.348-1.05-1.817-2.849,.601,.063,1.211,.099,1.817,.099,.244,0,.485-.004,.723-.014,.414-.017,.736-.366,.719-.78-.016-.415-.418-.74-.779-.719-.218,.009-.439,.013-.662,.013-.761,0-1.467-.05-2.115-.135-.086-.647-.135-1.354-.135-2.115s.05-1.467,.135-2.115c.647-.085,1.354-.135,2.115-.135s1.467,.05,2.115,.135c.086,.647,.135,1.354,.135,2.115,0,.226-.005,.45-.013,.67-.017,.414,.307,.762,.721,.778,.409,.017,.762-.307,.777-.721,.01-.24,.015-.482,.015-.728,0-.606-.036-1.216-.099-1.817,1.8,.469,2.849,1.228,2.849,1.817,0,.241-.013,.48-.039,.714-.044,.412,.254,.782,.665,.827,.401,.043,.782-.252,.827-.665,.03-.288,.047-.581,.047-.876,0-4.411-3.589-8-8-8S1,4.589,1,9s3.589,8,8,8c.296,0,.589-.016,.876-.047,.412-.045,.709-.415,.665-.827-.045-.412-.421-.708-.827-.665Zm-4.365-4.644c-1.8-.469-2.849-1.228-2.849-1.817s1.049-1.349,2.849-1.817c-.063,.601-.099,1.211-.099,1.817s.036,1.216,.099,1.817Zm3.651-5.567c-.606,0-1.216,.036-1.817,.099,.469-1.8,1.228-2.849,1.817-2.849s1.348,1.05,1.817,2.849c-.601-.063-1.211-.099-1.817-.099Zm5.98,1.205c-.732-.372-1.618-.658-2.576-.859-.201-.958-.487-1.844-.859-2.575,1.54,.658,2.776,1.894,3.434,3.434ZM6.455,3.02c-.372,.732-.658,1.618-.859,2.575-.958,.201-1.844,.487-2.576,.859,.658-1.54,1.894-2.776,3.434-3.434ZM3.02,11.545c.732,.372,1.618,.658,2.575,.859,.201,.958,.487,1.844,.859,2.575-1.54-.658-2.776-1.894-3.434-3.434Z"
+          fill="currentColor"
+        />
+        <path
+          d="M16.575,15.514c.263-.446,.425-.96,.425-1.514,0-1.654-1.346-3-3-3s-3,1.346-3,3,1.346,3,3,3c.555,0,1.068-.162,1.514-.425l1.205,1.205c.146,.146,.338,.22,.53,.22s.384-.073,.53-.22c.293-.293,.293-.768,0-1.061l-1.205-1.205Zm-4.075-1.514c0-.827,.673-1.5,1.5-1.5s1.5,.673,1.5,1.5c0,.413-.168,.787-.438,1.058,0,0-.002,0-.002,.002s0,.002-.002,.002c-.271,.271-.645,.438-1.058,.438-.827,0-1.5-.673-1.5-1.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/nucleo/index.ts b/packages/ui/src/icons/nucleo/index.ts
@@ -51,6 +51,7 @@ export * from "./gift";
 export * from "./gift-fill";
 export * from "./globe";
 export * from "./globe-pointer";
+export * from "./globe-search";
 export * from "./globe2";
 export * from "./grid-layout-rows";
 export * from "./grid-plus";