feat(sessions): add beta pill to sessions page

Helicone · Aug 27, 2024 · 04da148 · 04da148
1 parent 256dc91
commit 04da148
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/web/components/shared/authHeader.tsx b/web/components/shared/authHeader.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 import { ReactNode } from "react";
 
 interface AuthHeaderProps {
-  title: string;
+  title: React.ReactNode;
   breadcrumb?: {
     title: string;
     href: string;

diff --git a/web/components/templates/sessions/sessionsPage.tsx b/web/components/templates/sessions/sessionsPage.tsx
@@ -1,5 +1,5 @@
 import { BookOpenIcon } from "@heroicons/react/24/outline";
-import { Divider } from "@tremor/react";
+import { Divider, Badge } from "@tremor/react";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
@@ -66,7 +66,13 @@ const SessionsPage = (props: SessionsPageProps) => {
 
   return (
     <>
-      <AuthHeader title={"Sessions (beta)"} />
+      <AuthHeader
+        title={
+          <div className="flex items-center gap-2">
+            Sessions <Badge size="sm">Beta</Badge>
+          </div>
+        }
+      />
       <div>
         {hasSomeSessions || hasSomeSessions === null ? (
           <Row className="gap-5 ">