import React from 'react'
import { RouteComponentProps } from 'react-router-dom'
import { useCookies } from 'react-cookie'
import WeaponGrid from '~components/WeaponGrid'

interface Props {}
interface NewProps extends RouteComponentProps<Props> {}

const New: React.FC<NewProps> = (props: NewProps) => {
    const [cookies, setCookie] = useCookies(['user'])

    function callback(path: string) {
        // This is scuffed, how do we do this natively?
        window.history.replaceState(null, `Grid Tool`, `${path}`)
    }

    return (
        <WeaponGrid 
            userId={cookies.user ? cookies.user.user_id : ''} 
            editable={true} 
            exists={false} 
            pushHistory={callback} 
        />
    )
}

export default New