Change logo colour on black + remove from non home pages

Author: jamessewell

public/brand/paradedb-logo-dark.svg

@@ -142,11 +142,10 @@ function LogoVariantCard({
 }
 
 interface LogoDownloadProps {
-  isHomePage: boolean;
   open: boolean;
 }
 
-export function LogoDownload({ isHomePage, open }: LogoDownloadProps) {
+export function LogoDownload({ open }: LogoDownloadProps) {
   const [showPopover, setShowPopover] = React.useState(false);
   const [mounted, setMounted] = React.useState(false);
   const triggerRef = React.useRef<HTMLDivElement>(null);
@@ -190,9 +189,7 @@ export function LogoDownload({ isHomePage, open }: LogoDownloadProps) {
         <DatabaseLogo
           className={cx(
             "w-28 sm:w-32 transition-colors",
-            isHomePage && !open
-              ? "brightness-0 invert"
-              : "dark:brightness-0 dark:invert",
+            !open ? "brightness-0 invert" : "dark:brightness-0 dark:invert",
           )}
         />
       </button>
@@ -201,9 +198,7 @@ export function LogoDownload({ isHomePage, open }: LogoDownloadProps) {
           "absolute -bottom-5 left-0 text-[10px] font-medium tracking-wide transition-all duration-200 pointer-events-none whitespace-nowrap",
           "opacity-0 group-hover:opacity-100 translate-y-0.5 group-hover:translate-y-0",
           showPopover && "!opacity-0",
-          isHomePage && !open
-            ? "text-white/60"
-            : "text-indigo-400/60 dark:text-white/40",
+          !open ? "text-white/60" : "text-indigo-400/60 dark:text-white/40",
         )}
       >
         [ Brand Assets ]
@@ -252,7 +247,7 @@ export function LogoDownload({ isHomePage, open }: LogoDownloadProps) {
                   filenamePrefix="paradedb-logo-light"
                 />
                 <LogoVariantCard
-                  label="Dark"
+                  label="White"
                   svgPath="/brand/paradedb-logo-dark.svg"
                   bgClass="bg-slate-950"
                   logoWidth={639}

src/components/ui/LogoDownload.tsx

@@ -13,6 +13,7 @@ import Link from "next/link";
 import { usePathname } from "next/navigation";
 import React from "react";
 import { Button } from "../Button";
+import { DatabaseLogo } from "./DatabaseLogo";
 import { LogoDownload } from "./LogoDownload";
 import { ThemeToggle } from "./ThemeToggle";
 
@@ -99,7 +100,13 @@ export function Navigation() {
               open ? "px-6" : "px-0",
             )}
           >
-            <LogoDownload isHomePage={isHomePage} open={open} />
+            {isHomePage ? (
+              <LogoDownload open={open} />
+            ) : (
+              <Link href="/">
+                <DatabaseLogo className="w-28 sm:w-32 transition-colors dark:brightness-0 dark:invert" />
+              </Link>
+            )}
             <nav className="hidden md:absolute md:left-1/2 md:top-1/2 md:block md:-translate-x-1/2 md:-translate-y-1/2 md:transform">
               <div className="flex items-center gap-6 text-sm font-medium">
                 <Link