CalendarDays

Author: steven-tey

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/domains/default-domains.tsx

@@ -8,6 +8,7 @@ import { UpgradeRequiredToast } from "@/ui/shared/upgrade-required-toast";
 import { Logo, Switch } from "@dub/ui";
 import {
   Amazon,
+  CalendarDays,
   ChatGPT,
   Figma,
   GitHubEnhanced,
@@ -28,6 +29,8 @@ function DubDomainsIcon(domain: string) {
       return GitHubEnhanced;
     case "spti.fi":
       return Spotify;
+    case "cal.link":
+      return CalendarDays;
     case "amzn.id":
       return Amazon;
     case "ggl.link":

apps/web/ui/domains/domain-card-title-column.tsx

@@ -23,11 +23,16 @@ export function DomainCardTitleColumn({
         <div
           className={cn(
             "rounded-full",
-            !defaultDomain &&
-              "border border-white bg-gradient-to-t from-gray-100 p-1 md:p-3",
+            (!defaultDomain || domain === "cal.link") &&
+              "border border-white bg-gradient-to-t from-gray-100 p-1 md:p-2",
           )}
         >
-          <Icon className={cn("size-5", defaultDomain && "size-8")} />
+          <Icon
+            className={cn(
+              "size-5",
+              defaultDomain && domain !== "cal.link" && "size-8",
+            )}
+          />
         </div>
       </div>
       <div className="overflow-hidden">

packages/ui/src/icons/nucleo/calendar-days.tsx

@@ -0,0 +1,73 @@
+import { SVGProps } from "react";
+
+export function CalendarDays(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <g fill="currentColor">
+        <path
+          d="M2.25 4.75C2.25 3.64543 3.14543 2.75 4.25 2.75H13.75C14.8546 2.75 15.75 3.64543 15.75 4.75V6.25H2.25V4.75Z"
+          fill="currentColor"
+          fillOpacity="0.3"
+          stroke="none"
+        />
+        <path
+          d="M5.75 2.75V0.75"
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+        <path
+          d="M12.25 2.75V0.75"
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+        <path
+          d="M13.75 2.75H4.25C3.14543 2.75 2.25 3.64543 2.25 4.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V4.75C15.75 3.64543 14.8546 2.75 13.75 2.75Z"
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+        <path
+          d="M2.25 6.25H15.75"
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+        <path
+          d="M9 8.25C8.449 8.25 8 8.699 8 9.25C8 9.801 8.449 10.25 9 10.25C9.551 10.25 10 9.801 10 9.25C10 8.699 9.551 8.25 9 8.25Z"
+          fill="currentColor"
+          stroke="none"
+        />
+        <path
+          d="M12.5 10.25C13.051 10.25 13.5 9.801 13.5 9.25C13.5 8.699 13.051 8.25 12.5 8.25C11.949 8.25 11.5 8.699 11.5 9.25C11.5 9.801 11.949 10.25 12.5 10.25Z"
+          fill="currentColor"
+          stroke="none"
+        />
+        <path
+          d="M9 11.25C8.449 11.25 8 11.699 8 12.25C8 12.801 8.449 13.25 9 13.25C9.551 13.25 10 12.801 10 12.25C10 11.699 9.551 11.25 9 11.25Z"
+          fill="currentColor"
+          stroke="none"
+        />
+        <path
+          d="M5.5 11.25C4.949 11.25 4.5 11.699 4.5 12.25C4.5 12.801 4.949 13.25 5.5 13.25C6.051 13.25 6.5 12.801 6.5 12.25C6.5 11.699 6.051 11.25 5.5 11.25Z"
+          fill="currentColor"
+          stroke="none"
+        />
+        <path
+          d="M12.5 11.25C11.949 11.25 11.5 11.699 11.5 12.25C11.5 12.801 11.949 13.25 12.5 13.25C13.051 13.25 13.5 12.801 13.5 12.25C13.5 11.699 13.051 11.25 12.5 11.25Z"
+          fill="currentColor"
+          stroke="none"
+        />
+      </g>
+    </svg>
+  );
+}

packages/ui/src/icons/nucleo/index.ts

@@ -9,6 +9,7 @@ export * from "./bolt";
 export * from "./book2";
 export * from "./box-archive";
 export * from "./bullet-list";
+export * from "./calendar-days";
 export * from "./cards";
 export * from "./caret-up-fill";
 export * from "./chart-activity2";