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 {
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
max-width: 761px;
}
#grid_characters {

36
components/CharacterGrid/index.tsx
View file

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