From 64ef8fbd2d410fa0fc8a3a3f5aaf022a55ee9dfd Mon Sep 17 00:00:00 2001
From: jog1t <39823706+jog1t@users.noreply.github.com>
Date: Sun, 29 Dec 2024 21:39:22 +0000
Subject: [PATCH] refactor: components adjustments for landing page (#417)

---
 packages/components/src/header/index.tsx | 10 +++++++++-
 packages/components/src/ui/tooltip.tsx   |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/header/index.tsx b/packages/components/src/header/index.tsx
index a27ab4e5..65f2dbfb 100644
--- a/packages/components/src/header/index.tsx
+++ b/packages/components/src/header/index.tsx
@@ -2,6 +2,7 @@ import { faBars } from "@rivet-gg/icons";
 import { Icon } from "@rivet-gg/icons";
 import type { ReactNode } from "react";
 import { AssetImage } from "../asset-image";
+import { cn } from "../lib/utils";
 import { Button } from "../ui/button";
 import { Flex } from "../ui/flex";
 import { Sheet, SheetContent, SheetTrigger } from "../ui/sheet";
@@ -9,6 +10,7 @@ import { HeaderProgress } from "./header-progress";
 import { NavItem } from "./nav-item";
 
 interface HeaderProps {
+  className?: string;
   mobileBreadcrumbs?: ReactNode;
   breadcrumbs?: ReactNode;
   subnav?: ReactNode;
@@ -20,6 +22,7 @@ interface HeaderProps {
 }
 
 export function Header({
+  className,
   breadcrumbs,
   subnav,
   mobileBreadcrumbs,
@@ -43,7 +46,12 @@ export function Header({
   ),
 }: HeaderProps) {
   return (
-    <header className="bg-background/60 border-b-border sticky top-0 z-10 flex flex-col items-center border-b py-2 backdrop-blur">
+    <header
+      className={cn(
+        "bg-background/60 border-b-border sticky top-0 z-10 flex flex-col items-center border-b py-2 backdrop-blur",
+        className,
+      )}
+    >
       {addons}
       <div className="w-full px-8 flex min-h-10 flex-col justify-center gap-4">
         <div className="flex w-full items-center gap-4">
diff --git a/packages/components/src/ui/tooltip.tsx b/packages/components/src/ui/tooltip.tsx
index 722cc0e4..88fc7ecb 100644
--- a/packages/components/src/ui/tooltip.tsx
+++ b/packages/components/src/ui/tooltip.tsx
@@ -43,10 +43,15 @@ const WithTooltip = ({ trigger, content, ...rest }: WithTooltipProps) => {
   );
 };
 
+const TooltipPortal = TooltipPrimitive.TooltipPortal;
+const TooltipArrow = TooltipPrimitive.TooltipArrow;
+
 export {
   Tooltip,
   TooltipTrigger,
   TooltipContent,
   TooltipProvider,
+  TooltipPortal,
+  TooltipArrow,
   WithTooltip,
 };