@@ -66,7 +66,10 @@ const CollectionPage: React.FC = () => {
66
66
const [ modalInfo , setModalInfo ] = useState < IReleases | undefined > ( undefined )
67
67
const [ loading , setLoading ] = useState < { page : number ; pages : number } > ( { page : 0 , pages : 0 } )
68
68
const [ viewState , setViewState ] = useState < "collection" | "want" > ( "collection" )
69
- const [ dataSorted , setDataSorted ] = useState < { collected : any ; wanted : any } > ( )
69
+ const [ dataSorted , setDataSorted ] = useState < {
70
+ collected : [ string , IReleases [ ] ] [ ]
71
+ wanted : [ string , IReleases [ ] ] [ ]
72
+ } > ( )
70
73
const betaBanner = import . meta. env . VITE_BETA_BANNER
71
74
72
75
const [ { username, token } , saveAuth , clearAuth ] = useAuth ( )
@@ -210,7 +213,7 @@ const CollectionPage: React.FC = () => {
210
213
< IonRefresher slot = "fixed" onIonRefresh = { handleRefresh } >
211
214
< IonRefresherContent > </ IonRefresherContent >
212
215
</ IonRefresher >
213
- { viewState === "collection" && collectionData . data && (
216
+ { viewState === "collection" && collectionData . data && dataSorted && (
214
217
< >
215
218
{ layout === "grid" ? (
216
219
< AlbumGrid data = { dataSorted ?. collected } onClickAlbum = { ( album ) => setModalInfo ( album ) } />
@@ -223,7 +226,7 @@ const CollectionPage: React.FC = () => {
223
226
</ >
224
227
) }
225
228
226
- { viewState === "want" && wantData . data && (
229
+ { viewState === "want" && wantData . data && dataSorted && (
227
230
< >
228
231
{ layout === "grid" ? (
229
232
< AlbumGrid data = { dataSorted ?. wanted } onClickAlbum = { ( album ) => setModalInfo ( album ) } />
0 commit comments