From 52775dd27cee7d771c5a1405278a1557e015ab48 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Mon, 10 Feb 2025 09:54:32 +0100
Subject: [PATCH] chore: changed "routing" icon (#19211)

* changed routing icon

* new routing badge
---
 apps/web/public/icons/sprite.svg                           | 6 ++++++
 .../app-store/routing-forms/pages/forms/[...appPages].tsx  | 2 +-
 packages/features/shell/navigation/Navigation.tsx          | 7 +++++--
 packages/features/tips/UpgradeTip.tsx                      | 2 +-
 packages/ui/components/icon/icon-list.mjs                  | 1 +
 packages/ui/components/icon/icon-names.ts                  | 1 +
 6 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/apps/web/public/icons/sprite.svg b/apps/web/public/icons/sprite.svg
index 4f881a9fe1b1ce..2a90f76591bd86 100644
--- a/apps/web/public/icons/sprite.svg
+++ b/apps/web/public/icons/sprite.svg
@@ -595,6 +595,12 @@
   <path d="M4 17v2" ></path>
   <path d="M5 18H3" ></path>
 </symbol>
+<symbol class="lucide lucide-split" viewBox="0 0 24 24" fill="inherit" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="split">
+  <path d="M16 3h5v5" ></path>
+  <path d="M8 3H3v5" ></path>
+  <path d="M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3" ></path>
+  <path d="m15 9 6-6" ></path>
+</symbol>
 <symbol class="lucide lucide-square-check" viewBox="0 0 24 24" fill="inherit" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" id="square-check">
   <rect width="18" height="18" x="3" y="3" rx="2" ></rect>
   <path d="m9 12 2 2 4-4" ></path>
diff --git a/packages/app-store/routing-forms/pages/forms/[...appPages].tsx b/packages/app-store/routing-forms/pages/forms/[...appPages].tsx
index b70747ae9c8fc0..fdb1944be80305 100644
--- 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
index a1e0c4be8ac73a..810b428cc7c3ce 100644
--- 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
index e9d4fa5ae32b38..73b0485e762d11 100644
--- 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
index b5f3aac5885803..e882a12cf4a0a0 100644
--- 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
index d6e184658cadc6..791e2f8fe59864 100644
--- 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"