omnivore/packages/web/components/elements/images/OmnivoreLogoBase.tsx

import Link from 'next/link'
import { useRouter } from 'next/router'
import { ReactChildren } from 'react'
import { config } from '../../tokens/stitches.config'

export type OmnivoreLogoBaseProps = {
  color?: string
  href?: string
  showTitle?: boolean
  children: React.ReactNode
}

export function OmnivoreLogoBase(props: OmnivoreLogoBaseProps): JSX.Element {
  const href = props.href || '/home'
  const router = useRouter()

  return (
    <Link passHref href={href}>
      <a
        style={{
          textDecoration: 'none',
          display: 'flex',
          alignItems: 'center',
        }}
        onClick={(event) => {
          const query = window.sessionStorage.getItem('q')
          if (query) {
            router.push(`/home?${query}`)
            event.preventDefault()
          }
        }}
      >
        {props.children}
      </a>
    </Link>
  )
}