chore: changed "routing" icon (#19211)

* changed routing icon * new routing badge
calcom · Feb 10, 2025 · 52775dd · 52775dd
1 parent 668304a
commit 52775dd
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 4 deletions.
diff --git a/apps/web/public/icons/sprite.svg b/apps/web/public/icons/sprite.svg
diff --git a/packages/app-store/routing-forms/pages/forms/[...appPages].tsx b/packages/app-store/routing-forms/pages/forms/[...appPages].tsx
@@ -150,7 +150,7 @@ export default function RoutingForms({
   return (
     <LicenseRequired>
       <ShellMain
-        heading={t("routing_forms")}
+        heading={t("routing")}
         CTA={hasPaidPlan && forms?.length ? <NewFormButton /> : null}
         subtitle={t("routing_forms_description")}>
         <UpgradeTip

diff --git a/packages/features/shell/navigation/Navigation.tsx b/packages/features/shell/navigation/Navigation.tsx
@@ -9,6 +9,7 @@ import {
 } from "@calcom/features/ee/organizations/context/provider";
 import { KBarTrigger } from "@calcom/features/kbar/Kbar";
 import { classNames } from "@calcom/lib";
+import { Badge } from "@calcom/ui";
 
 import { TeamInviteBadge } from "../TeamInviteBadge";
 import type { NavigationItemType } from "./NavigationItem";
@@ -88,9 +89,11 @@ const getNavigationItems = (orgBranding: OrganizationBranding): NavigationItemTy
     icon: "ellipsis",
   },
   {
-    name: "routing_forms",
+    name: "routing",
     href: "/apps/routing-forms/forms",
-    icon: "file-text",
+    icon: "split",
+    badge: <Badge variant="green">NEW</Badge>,
+
     isCurrent: ({ pathname }) => pathname?.startsWith("/apps/routing-forms/") ?? false,
     moreOnMobile: true,
   },

diff --git a/packages/features/tips/UpgradeTip.tsx b/packages/features/tips/UpgradeTip.tsx
@@ -57,7 +57,7 @@ export function UpgradeTip({
           />
         </picture>
         <div className="relative my-4 px-8 sm:px-14">
-          <h1 className={classNames("font-cal text-3xl")}>{t(title)}</h1>
+          <h1 className={classNames("font-cal mt-4 text-3xl")}>{t(title)}</h1>
           <p className={classNames("mb-8 mt-4 max-w-sm")}>{t(description)}</p>
           {buttons}
         </div>

diff --git a/packages/ui/components/icon/icon-list.mjs b/packages/ui/components/icon/icon-list.mjs
@@ -118,6 +118,7 @@ export const lucideIconList = new Set([
   "smartphone",
   "sparkles",
   "square-check",
+  "split",
   "star",
   "sun",
   "sunrise",

diff --git a/packages/ui/components/icon/icon-names.ts b/packages/ui/components/icon/icon-names.ts
@@ -120,6 +120,7 @@ export type IconName =
   | "sliders-vertical"
   | "smartphone"
   | "sparkles"
+  | "split"
   | "square-check"
   | "star"
   | "sun"