mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-11 05:05:07 -05:00
29 lines
708 B
JavaScript
29 lines
708 B
JavaScript
import React from 'react'
|
|
import { Dropdown } from 'semantic-ui-react'
|
|
import { weapons } from '../utils/lists'
|
|
import weaponDict from '../utils/english_internal.json'
|
|
|
|
const WeaponForm = (props) => {
|
|
return (
|
|
<div>
|
|
<Dropdown
|
|
placeholder='Choose a weapon'
|
|
fluid
|
|
search
|
|
selection
|
|
options={weapons.map(w =>
|
|
(
|
|
{key: w,
|
|
text: w,
|
|
value: w,
|
|
image: {src: process.env.PUBLIC_URL + `/wpnSmall/Wst_${weaponDict[w]}.png`}})
|
|
)
|
|
}
|
|
onChange={(event, { value }) => props.setWeaponForm(value)}
|
|
value={props.weaponForm}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default WeaponForm
|