31 lines
960 B
TypeScript
31 lines
960 B
TypeScript
import React from 'react'
|
|
import SearchModal from 'components/SearchModal/SearchModal'
|
|
import { useModal as useModal } from 'useModal'
|
|
|
|
import gridImages from 'images/grid/*.jpg'
|
|
import Plus from '../../../assets/plus.svg'
|
|
|
|
import './WeaponGridUnit.css'
|
|
|
|
function WeaponGridUnit(props: WeaponGridProps) {
|
|
const { open, openModal, closeModal } = useModal()
|
|
|
|
return (
|
|
<li>
|
|
<div className="WeaponGridUnit" onClick={openModal}>
|
|
<img className="grid_image" src={gridImages[props.weapon?.granblue_id]} />
|
|
<span className='icon'><Plus /></span>
|
|
</div>
|
|
{open ? (
|
|
<SearchModal
|
|
close={closeModal}
|
|
send={props.onReceiveData}
|
|
fromPosition={props.position}
|
|
placeholderText="Search for a weapon..."
|
|
/>
|
|
) : null}
|
|
</li>
|
|
)
|
|
}
|
|
|
|
export default WeaponGridUnit
|