trying to figure out why user instruements and genres are not being loaded on edit profile page load

This commit is contained in:
Nuwan 2024-09-10 15:46:27 +05:30
parent fd1c0714d3
commit b5a18f6501
1 changed files with 30 additions and 29 deletions

View File

@ -672,7 +672,35 @@ function JKEditProfile() {
</Card>
</Col>
<Col sm="12" md="6">
<Card className="mt-3 mt-md-0">
<Card className="mt-3 mt-md-0">
<CardHeader>
<h5>{t('genres')}</h5>
</CardHeader>
<CardBody data-testid="genres" className="bg-light" style={{ overflowY: 'scroll', height: 300 }}>
<FormGroup check>
{genreInitialLoadingDone &&
genres.map((genre, index) => {
return (
<Row key={genre.genre_id}>
<Col md={4}>
<Input
onChange={e => {
handleGenreChange(e, genre);
}}
type="checkbox"
checked={genre.checked}
/>
<Label check for="check">
{genre.description}
</Label>
</Col>
</Row>
);
})}
</FormGroup>
</CardBody>
</Card>
<Card className="mt-3">
<CardHeader>
<h5>{t('instruments')}</h5>
</CardHeader>
@ -715,34 +743,7 @@ function JKEditProfile() {
</FormGroup>
</CardBody>
</Card>
<Card className="mt-3">
<CardHeader>
<h5>{t('genres')}</h5>
</CardHeader>
<CardBody data-testid="genres" className="bg-light" style={{ overflowY: 'scroll', height: 300 }}>
<FormGroup check>
{genreInitialLoadingDone &&
genres.map((genre, index) => {
return (
<Row key={genre.genre_id}>
<Col md={4}>
<Input
onChange={e => {
handleGenreChange(e, genre);
}}
type="checkbox"
checked={genre.checked}
/>
<Label check for="check">
{genre.description}
</Label>
</Col>
</Row>
);
})}
</FormGroup>
</CardBody>
</Card>
</Col>
</Row>
</Form>