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

import Link from 'next/link'
import { useRouter } from 'next/router'
import { DEFAULT_HOME_PATH } from '../../../lib/navigations'
import { Box } from '../LayoutPrimitives'
export type OmnivoreLogoBaseProps = {
  color?: string
  href?: string
  showTitle?: boolean
  children: React.ReactNode
}

export function OmnivoreLogoBase(props: OmnivoreLogoBaseProps): JSX.Element {
  const router = useRouter()

  return (
    <Box
      style={{
        textDecoration: 'none',
        display: 'flex',
        alignItems: 'center',
        cursor: 'pointer',
      }}
      onClick={(event) => {
        const navReturn = window.localStorage.getItem('nav-return')
        if (navReturn) {
          router.push(navReturn)
          return
        }
        const query = window.sessionStorage.getItem('q')
        if (query) {
          router.push(`${DEFAULT_HOME_PATH}?${query}`)
        } else {
          router.push(DEFAULT_HOME_PATH)
        }
      }}
      tabIndex={-1}
      aria-label="Omnivore logo"
    >
      {props.children}
    </Box>
  )
}