granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Search modal to weapon cells

Browse source
This commit is contained in:
Justin Edmund 2020-09-14 18:29:40 -07:00
parent 4d896cb6e5
commit 84b0934e0a
2 changed files with 43 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/WeaponGridMainhand/WeaponGridMainhand.tsx
View file

@ -1,12 +1,27 @@
import React from 'react' import React from 'react'
import './WeaponGridMainhand.css' import './WeaponGridMainhand.css'
import Plus from '../../assets/plus.svg' import SearchModal from '../SearchModal/SearchModal'
import { useModal as useModal } from '../../useModal'
const WeaponGridUnit = () => ( import Plus from '../../../assets/plus.svg'
<div className="WeaponGridMainhand">
<span className='icon'><Plus /></span> function WeaponGridUnit() {
</div> const { open, openModal, closeModal } = useModal()
)
return (
<div>
<div className="WeaponGridMainhand" onClick={openModal}>
<span className='icon'><Plus /></span>
</div>
{open ? (
<SearchModal
close={closeModal}
placeholderText="Search for a weapon..."
/>
) : null}
</div>
)
}
export default WeaponGridUnit export default WeaponGridUnit

28
src/components/WeaponGridUnit/WeaponGridUnit.tsx
View file

@ -1,12 +1,28 @@
import React from 'react' import React from 'react'
import './WeaponGridUnit.css' import './WeaponGridUnit.css'
import Plus from '../../assets/plus.svg' import SearchModal from '../SearchModal/SearchModal'
import { useModal as useModal } from '../../useModal'
const WeaponGridUnit = () => ( import Plus from '../../../assets/plus.svg'
<div className="WeaponGridUnit">
<span className='icon'><Plus /></span> function WeaponGridUnit() {
</div> const { open, openModal, closeModal } = useModal()
)
return (
<div>
<div className="WeaponGridUnit" onClick={openModal}>
<span className='icon'><Plus /></span>
</div>
{open ? (
<SearchModal
close={closeModal}
placeholderText="Search for a weapon..."
/>
) : null}
</div>
)
}
export default WeaponGridUnit export default WeaponGridUnit