seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

fix for genres and instruments loading in profile edit page

This commit is contained in:
Nuwan 2024-09-22 10:15:18 +05:30
parent 9a0b4f4ddb
commit 15af2d7469
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
jam-ui/src/components/page/JKEditProfile.js
View File

@ -18,9 +18,11 @@ function JKEditProfile() {
const [musicInstruments, setMusicInstruments] = useState([]);
const [userMusicInstruments, setUserMusicInstruments] = useState([]);
const [userMusicInstrumentsReceived, setUserMusicInstrumentsReceived] = useState(false);
const [genres, setGenres] = useState([]);
const [userGenres, setUserGenres] = useState([]);
const [userGenresReceived, setUserGenresReceived] = useState(false);
const [instrumentsInitialLoadingDone, setInstrumentsInitialLoadingDone] = useState(false);
const [genreInitialLoadingDone, setGenreInitialLoadingDone] = useState(false);
@ -68,7 +70,9 @@ function JKEditProfile() {
if (!userProfile || Object.keys(userProfile).length === 0) return;
updateFormData(userProfile);
setUserGenres(userProfile.genres);
setUserGenresReceived(true);
setUserMusicInstruments(userProfile.instruments);
setUserMusicInstrumentsReceived(true);
}, [userProfile]);
useLayoutEffect(() => {
@ -112,7 +116,7 @@ function JKEditProfile() {
};
useEffect(() => {
if (instrumentsInitialLoadingDone || musicInstruments.length === 0 || userMusicInstruments.length === 0) return;
if (instrumentsInitialLoadingDone || musicInstruments.length === 0 || !userMusicInstrumentsReceived) return;
const updatedMusicInstruments = musicInstruments.map(musicInstrument => {
const instrument = getValues('instruments').find(instrument => instrument.instrument_id === musicInstrument.id);
@ -132,7 +136,7 @@ function JKEditProfile() {
});
setMusicInstruments(updatedMusicInstruments);
setInstrumentsInitialLoadingDone(true);
}, [userMusicInstruments, musicInstruments]);
}, [userMusicInstrumentsReceived, musicInstruments]);
const fetchGenres = () => {
getGenres()
@ -150,7 +154,7 @@ function JKEditProfile() {
};
useEffect(() => {
if (genreInitialLoadingDone || genres.length === 0) return;
if (genreInitialLoadingDone || genres.length === 0 || !userGenresReceived) return;
const updatedGenres = genres.map(genre => {
const userGenre = userGenres.find(userGenre => userGenre.genre_id === genre.id);
@ -164,7 +168,7 @@ function JKEditProfile() {
});
setGenres(updatedGenres);
setGenreInitialLoadingDone(true);
}, [userGenres, genres]);
}, [userGenresReceived, genres]);
const fetchCountries = () => {
getCountries()