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

Implement JobSection

Browse source
This commit is contained in:
Justin Edmund 2022-04-04 23:43:13 -07:00
parent 95f4dccb9e
commit 745c873e36
2 changed files with 23 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/CharacterGrid/index.scss
View file

@ -1,6 +1,9 @@
#CharacterGrid { #CharacterGrid {
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
margin: auto;
max-width: 761px;
} }
#grid_characters { #grid_characters {

36
components/CharacterGrid/index.tsx
View file

@ -6,6 +6,7 @@ import { useSnapshot } from 'valtio'
import { AxiosResponse } from 'axios' import { AxiosResponse } from 'axios'
import debounce from 'lodash.debounce' import debounce from 'lodash.debounce'
import JobSection from '~components/JobSection'
import CharacterUnit from '~components/CharacterUnit' import CharacterUnit from '~components/CharacterUnit'
import api from '~utils/api' import api from '~utils/api'
@ -227,22 +228,25 @@ const CharacterGrid = (props: Props) => {
// Render: JSX components // Render: JSX components
return ( return (
<div id="CharacterGrid"> <div>
<ul id="grid_characters"> <div id="CharacterGrid">
{Array.from(Array(numCharacters)).map((x, i) => { <JobSection />
return ( <ul id="grid_characters">
<li key={`grid_unit_${i}`} > {Array.from(Array(numCharacters)).map((x, i) => {
<CharacterUnit return (
gridCharacter={grid.characters[i]} <li key={`grid_unit_${i}`} >
editable={party.editable} <CharacterUnit
position={i} gridCharacter={grid.characters[i]}
updateObject={receiveCharacterFromSearch} editable={party.editable}
updateUncap={initiateUncapUpdate} position={i}
/> updateObject={receiveCharacterFromSearch}
</li> updateUncap={initiateUncapUpdate}
) />
})} </li>
</ul> )
})}
</ul>
</div>
</div> </div>
) )
} }