From bc096b5a6674d34f867b4aa844cea6102cda5bbd Mon Sep 17 00:00:00 2001
From: Qortal Seth <randomprogrammer@protonmail.com>
Date: Thu, 8 Feb 2024 15:47:14 -0700
Subject: [PATCH] Subscriptions to channels added

Filter added that removes characters that Operating Systems don't allow in filenames when saving file

VideoList-styles.tsx uses Radio button instead of Checkbox for main page video/playlist filter

Video player has aspect ratio of 16 / 9, doesn't put controls over video, and removes controls if mouse exits video when in fullscreen (but only when playing for some reason)

Created new redux slice called settingsSlice.ts. It is used to store settings that are saved to disk automatically

Home page remembers whether you were looking for videos or playlists
---
 src/pages/Home/Home.tsx | 10 +++++-----
 src/state/store.ts      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 60534f2..71a0089 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -150,7 +150,7 @@ export const Home = ({ mode }: HomeProps) => {
     useFetchVideos();
 
   const getVideosHandler = React.useCallback(
-    async (reset?: boolean, resetFilers?: boolean) => {
+    async (reset?: boolean, resetFilters?: boolean) => {
       if (!firstFetch.current || !afterFetch.current) return;
       if (isFetching.current) return;
       isFetching.current = true;
@@ -163,7 +163,7 @@ export const Home = ({ mode }: HomeProps) => {
           type: filterType,
         },
         reset,
-        resetFilers,
+        resetFilters,
         20,
         tabValue
       );
@@ -195,7 +195,7 @@ export const Home = ({ mode }: HomeProps) => {
     firstFetch.current = true;
     setIsLoading(true);
 
-    await getVideos({}, null, null, 20, tabValue);
+    await getVideos({ type: filterType }, null, null, 20, tabValue);
     afterFetch.current = true;
     isFetching.current = false;
 
@@ -556,14 +556,14 @@ export const Home = ({ mode }: HomeProps) => {
                   sx={{ fontSize: tabFontSize }}
                 />
               </TabList>
-              <TabPanel value="all" sx={{ width: "100%" }}>
+              <TabPanel value={allTabValue} sx={{ width: "100%" }}>
                 <VideoList videos={videos} />
                 <LazyLoad
                   onLoadMore={getVideosHandler}
                   isLoading={isLoading}
                 ></LazyLoad>
               </TabPanel>
-              <TabPanel value="subscriptions" sx={{ width: "100%" }}>
+              <TabPanel value={subscriptionTabValue} sx={{ width: "100%" }}>
                 <VideoList videos={videos} />
                 <LazyLoad
                   onLoadMore={getVideosHandler}
diff --git a/src/state/store.ts b/src/state/store.ts
index fbb4efc..6664582 100644
--- a/src/state/store.ts
+++ b/src/state/store.ts
@@ -19,7 +19,7 @@ const persistVideoConfig = {
   key: "video",
   version: 1,
   storage,
-  whitelist: ["subscriptionList"],
+  whitelist: ["subscriptionList", "filterType"],
 };
 
 const persistSettingsConfig = {