experiments sidebar indication (#3030)

Helicone · Dec 12, 2024 · 48bda52 · 48bda52
1 parent b9b68f2
commit 48bda52
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/web/components/layout/auth/DesktopSidebar.tsx b/web/components/layout/auth/DesktopSidebar.tsx
@@ -348,13 +348,13 @@ const DesktopSidebar = ({
                 org?.currentOrg?.tier !== "demo" && (
                   <div className="bg-slate-50 dark:bg-slate-900 rounded border border-slate-200 dark:border-slate-800 text-slate-500 dark:text-slate-400 flex flex-col md:flex-row md:gap-2 gap-4 justify-between md:justify-center md:items-center items-start px-3 py-2  mt-2 mx-2 mb-8 font-medium">
                     <h1 className="text-xs text-start tracking-tight leading-[1.35rem]">
-                      ⚡ Introducing a new way to perfect your prompts.{" "}
+                      ⚡ Experiments is here: a new way to perfect your prompt.{" "}
                       <Link
-                        href="https://helicone.ai/experiments"
+                        href="/experiments"
                         target="_blank"
                         className="underline decoration-slate-400 decoration-1 underline-offset-2 font-medium"
                       >
-                        Access experiments now!
+                        Check out the docs.
                       </Link>{" "}
                     </h1>
                   </div>

diff --git a/web/components/layout/auth/NavItem.tsx b/web/components/layout/auth/NavItem.tsx
@@ -116,6 +116,11 @@ const NavItem: React.FC<NavItemProps> = ({
             />
           )}
           {link.name}
+          {link.name === "Experiments" && (
+            <div className="uppercase text-[9px] font-semibold border bg-blue-100 dark:bg-blue-800 border-blue-200 dark:border-blue-800 p-px px-1 rounded-md text-blue-500 ml-2">
+              New
+            </div>
+          )}
         </div>
         {hasSubItems && (
           <ChevronDownIcon