Remove redundant logs and store tracks properly

src/screens/Music/stacks/Album.tsx

@@ -45,16 +45,16 @@ const Album: React.FC = () => {
     const playAlbum = usePlayAlbum();
 
     // Setup callbacks
-    const selectAlbum = useCallback(() => { playAlbum(id); }, [playAlbum]);
+    const selectAlbum = useCallback(() => { playAlbum(id); }, [playAlbum, id]);
     const selectTrack = usePlayTrack();
-    const refresh = useCallback(() => { dispatch(fetchTracksByAlbum(id)); }, [id]);
+    const refresh = useCallback(() => { dispatch(fetchTracksByAlbum(id)); }, [id, dispatch]);
 
     // Retrieve album tracks on load
     useEffect(() => {
         if (!album?.lastRefreshed || differenceInDays(album?.lastRefreshed, new Date()) > ALBUM_CACHE_AMOUNT_OF_DAYS) {
             refresh();
         }
-    }, []);
+    }, [album?.lastRefreshed, refresh]);
 
     // GUARD: If there is no album, we cannot render a thing
     if (!album) {

src/screens/Music/stacks/Albums.tsx

@@ -193,7 +193,6 @@ const Albums: React.FC = () => {
                     getItemLayout={getItemLayout}
                     ref={listRef}
                     keyExtractor={(item, index) => `${item}_${index}`}
-                    onScrollToIndexFailed={console.log}
                     renderSectionHeader={generateSection}
                     renderItem={generateItem}
                 />

src/screens/Music/stacks/RecentAlbums.tsx

@@ -42,8 +42,6 @@ const RecentAlbums: React.FC = () => {
     const retrieveData = useCallback(() => dispatch(fetchRecentAlbums()), [dispatch]);
     const selectAlbum = useCallback((id: string) => navigation.navigate('Album', { id, album: albums[id] as Album }), [navigation, albums]);
     
-    console.log(recentAlbums.map((d) => albums[d]?.DateCreated));
-    
     // Retrieve data on mount
     useEffect(() => { retrieveData(); }, [retrieveData]);
     

src/screens/modals/SetJellyfinServer/components/CredentialGenerator.tsx

@@ -30,7 +30,6 @@ class CredentialGenerator extends Component<Props> {
 
     handleMessage = (event: WebViewMessageEvent) => {
         // GUARD: Something must be returned for this thing to work
-        console.log(event.nativeEvent.data);
         if (!event.nativeEvent.data) {
             return;
         }

src/store/music/index.ts

@@ -57,7 +57,7 @@ const music = createSlice({
          * Fetch tracks by album
          */
         builder.addCase(fetchTracksByAlbum.fulfilled, (state, { payload }) => {
-            trackAdapter.setAll(state.tracks, payload);
+            trackAdapter.upsertMany(state.tracks, payload);
 
             // Also store all the track ids in the album
             const album = state.albums.entities[payload[0].AlbumId];