Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-06-02 22:26:57 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

builds autofill with gear

Browse Source
This commit is contained in:
Sendou 2019-12-29 03:12:54 +02:00
parent 127b0aae7a
commit a3a7dd5fb3
2 changed files with 60 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
frontend-react/src/components/user/AddBuildForm.js
View File

@ -13,6 +13,7 @@ const AddBuildForm = ({
existingBuild,
setShowEdit,
editBuildFunction,
buildsArray,
}) => {
const scrollRef = useRef(null)
const [weapon, setWeapon] = useState(
@ -64,6 +65,15 @@ const AddBuildForm = ({
shoesItem,
}
const existingGear = buildsArray
? buildsArray.reduce((acc, cur) => {
acc[cur.headgearItem] = [...cur.headgear]
acc[cur.clothingItem] = [...cur.clothing]
acc[cur.shoesItem] = [...cur.shoes]
return acc
}, {})
: {}
const submit = async e => {
e.preventDefault()
@ -155,15 +165,61 @@ const AddBuildForm = ({
<Form.Group widths="equal">
<Form.Field>
<label>Head gear</label>
<GearSearch slot="head" setGear={setHeadgear} />
<GearSearch
slot="head"
setGear={gear => {
setHeadgear(gear)
setAbilities([
existingGear[gear] &&
!abilities[0][0] &&
!abilities[0][1] &&
!abilities[0][2]
? [...existingGear[gear]]
: [...abilities[0]],
[...abilities[1]],
[...abilities[2]],
])
}}
/>
</Form.Field>
<Form.Field>
<label>Clothes gear</label>
<GearSearch slot="clothes" setGear={setClothing} />
<GearSearch
slot="clothes"
setGear={gear => {
setClothing(gear)
setAbilities([
[...abilities[0]],
existingGear[gear] &&
!abilities[1][0] &&
!abilities[1][1] &&
!abilities[1][2]
? [...existingGear[gear]]
: [...abilities[1]],
[...abilities[2]],
])
}}
/>
</Form.Field>
<Form.Field>
<label>Shoes gear</label>
<GearSearch slot="shoes" setGear={setShoes} />
<GearSearch
slot="shoes"
setGear={gear => {
setShoes(gear)
setAbilities([
[...abilities[0]],
[...abilities[1]],
existingGear[gear] &&
!abilities[2][0] &&
!abilities[2][1] &&
!abilities[2][2]
? [...existingGear[gear]]
: [...abilities[2]],
,
])
}}
/>
</Form.Field>
</Form.Group>
</Form>

1
frontend-react/src/components/user/BuildTab.js
View File

@ -121,6 +121,7 @@ const BuildTab = ({ user, userViewed }) => {
{showForm ? (
<div style={{ paddingTop: "10px" }}>
<AddBuildForm
buildsArray={data.searchForBuilds}
addBuild={addBuildMutation}
setShowForm={setShowForm}
setSuccessMsg={setSuccessMsg}