NavHeader

[TurtleWolfe]

BasketPage
https://github.com

I'd like a transparent Nav Bar, so I assume I have to put it over the background to see anything behind it.. but as soon as I do I get a large gap above the header

PageBasket

import React from 'react';

import { NavHeader } from '../components/NavHeader';

import './pageBasket.css';
import logo from '../stories/assets/Basketball.svg';

interface BasketPageProps {
  user?: {};
  onLogin?: () => void;
  onLogout?: () => void;
  onCreateAccount?: () => void;
}

export const BasketPage = ({ user, onLogin, onLogout, onCreateAccount }: BasketPageProps) => (
  <>
    {/* <header className="App-header bg-image" > */}

    <NavHeader
      user={user}
      onLogin={onLogin}
      onLogout={onLogout}
      onCreateAccount={onCreateAccount}
    />

    <header className="App-header bg-image" >

      <p>
        Edit <code>src/App.tsx</code> and save to reload.
      </p>
      <img src={logo} className="App-logo" alt="logo" />
    </header >
  </>
);