summary refs log tree commit diff
path: root/components
diff options
context:
space:
mode:
authorAshelyn Rose <git@ashen.earth>2024-09-01 18:11:56 -0600
committerAshelyn Rose <git@ashen.earth>2024-09-01 18:11:56 -0600
commit79ffd7e2c052bcdc0cc7df93a06306efd9817139 (patch)
treeaf2c233439028c9b484b1e42ac104b49cfbb6798 /components
parentc252e165db66b67d34d3120c10b426491dfee1c2 (diff)
Fix shit to build
Diffstat (limited to 'components')
-rw-r--r--components/layout/Header.tsx22
1 files changed, 4 insertions, 18 deletions
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index 7afe08c..cd3bde1 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -1,12 +1,10 @@
-import React from 'react'
+'use client'
+import React, { ReactNode } from 'react'
 import Link from 'next/link'
-import Image from 'components/Image'
 
 import { usePathname } from 'next/navigation'
 
-const header = 'images/aurora-1197753.jpg'
-
-export default function Title() {
+export default function Title({headerImage}: {headerImage: ReactNode}) {
   const pathname = usePathname()
 
   const isHomepage = pathname === '/'
@@ -23,19 +21,7 @@ export default function Title() {
         <Link target="blank" href="https://git.tempest.dev/ashe/tempest.dev">code</Link>
       </nav>
       <div className="headerBackground">
-        <Image
-          src={header}
-          alt=""
-          role="presentation"
-          width={[2560,1920,1280,800,600]}
-          sizes={`
-            (max-width: 2560) 100vw,
-            (max-width: 1920) 100vw,
-            (max-width: 1280) 100vw,
-            (max-width: 800) 100vw,
-            (max-width: 600) 100vw,
-          `}
-        />
+        {headerImage}
       </div>
     </header>
   )