Fix vid_type reindex, player speed #build

Changed:
- Fixed incorrect vid_type key naming for reindex
- Fixed persisting playback speed

backend/appsettings/src/reindex.py

@@ -333,7 +333,7 @@ class Reindex(ReindexBase):
         # add back
         video.json_data["player"] = es_meta.get("player")
         video.json_data["date_downloaded"] = es_meta.get("date_downloaded")
-        video.json_data["video_type"] = es_meta.get("video_type")
+        video.json_data["vid_type"] = es_meta.get("vid_type")
         video.json_data["channel"] = es_meta.get("channel")
         if es_meta.get("playlist"):
             video.json_data["playlist"] = es_meta.get("playlist")

frontend/src/components/VideoPlayer.tsx

@@ -123,9 +123,15 @@ const VideoPlayer = ({
   const [searchParams] = useSearchParams();
   const searchParamVideoProgress = searchParams.get('t');
 
+  const playBackSpeedFromStorage = Number(localStorage.getItem('playerSpeed') || 1);
+  const playBackSpeedIndex =
+    VIDEO_PLAYBACK_SPEEDS.indexOf(playBackSpeedFromStorage) !== -1
+      ? VIDEO_PLAYBACK_SPEEDS.indexOf(playBackSpeedFromStorage)
+      : 3;
+
   const [skippedSegments, setSkippedSegments] = useState<SponsorSegmentsSkippedType>({});
   const [isMuted, setIsMuted] = useState(false);
-  const [playbackSpeedIndex, setPlaybackSpeedIndex] = useState(3);
+  const [playbackSpeedIndex, setPlaybackSpeedIndex] = useState(playBackSpeedIndex);
   const [lastSubtitleTack, setLastSubtitleTack] = useState(0);
   const [showHelpDialog, setShowHelpDialog] = useState(false);
   const [showInfoDialog, setShowInfoDialog] = useState(false);
@@ -329,9 +335,7 @@ const VideoPlayer = ({
             }}
             onLoadStart={(videoTag: VideoTag) => {
               videoTag.currentTarget.volume = Number(localStorage.getItem('playerVolume') ?? 1);
-              videoTag.currentTarget.playbackRate = Number(
-                localStorage.getItem('playerSpeed') ?? 1,
-              );
+              videoTag.currentTarget.playbackRate = Number(playBackSpeedFromStorage ?? 1);
             }}
             onTimeUpdate={handleTimeUpdate(
               videoId,

frontend/src/pages/Download.tsx

@@ -318,7 +318,9 @@ const Download = () => {
           {downloadList &&
             downloadList?.map(download => {
               return (
-                <Fragment key={`${download.channel_id}_${download.timestamp}`}>
+                <Fragment
+                  key={`${download.channel_id}_${download.timestamp}_${download.youtube_id}`}
+                >
                   <DownloadListItem download={download} setRefresh={setRefresh} />
                 </Fragment>
               );