YOU STREAM 1.0.0

Add Netlify Deploy Update Header.tsx Update app.slice.ts Update App.context.tsx Update WatchVideoContents.tsx
DavidGomezToca · Apr 25, 2024 · 4a68501 · 4a68501
1 parent 2d81a64
commit 4a68501
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@
 
 - **STACK :**
 
-  - **YOU STREAM** : `0.42.0`
+  - **YOU STREAM** : `1.0.0`
   - **FAKER** : `8.4.1`
   - **REACT** : `18.2.0`
   - **PEXELS** : `1.4.0`

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "you-stream",
-  "version": "0.42.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@faker-js/faker": "^8.4.1",

diff --git a/resources/img/Thumbnail_1.png b/resources/img/Thumbnail_1.png
diff --git a/resources/img/Thumbnail_2.png b/resources/img/Thumbnail_2.png
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -28,7 +28,6 @@ const Header = () => {
   const {
     transcript,
     listening,
-    resetTranscript,
     browserSupportsSpeechRecognition,
   } = useSpeechRecognition();
 
@@ -37,6 +36,7 @@ const Header = () => {
   useEffect(() => {
     setSearchText(transcript);
     setSearchBarText(transcript);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [transcript]);
 
   if (!browserSupportsSpeechRecognition) {
@@ -60,7 +60,7 @@ const Header = () => {
         </Icon>
         <LogoSection to="/">
           <FaYoutube color="#FF0000" size={30} />
-          <Text className="logo">YouStream v0.42.0</Text>
+          <Text className="logo">YouStream v1.0.0</Text>
         </LogoSection>
       </LeftSection>
       <SearchSection>

diff --git a/src/components/watchVideoContents/WatchVideoContents.tsx b/src/components/watchVideoContents/WatchVideoContents.tsx
@@ -39,6 +39,7 @@ const WatchVideoContents = () => {
     if (id) {
       fetchVideo(id);
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [id]);
 
   if (isFetchingVideos) {

diff --git a/src/context/App.context.tsx b/src/context/App.context.tsx
@@ -52,10 +52,10 @@ interface IAppContextProviderProps {
 const client = createClient(PEXELES_API_KEY);
 
 export const AppContextProvider = ({ children }: IAppContextProviderProps) => {
-  const [theme, setTheme] = useState<"light" | "dark">("light");
   const [language, setLanguage] = useState<"english" | "french">("english");
   const [searchBarText, setSearchBarText] = useState("");
   const [isMenuSmall, setIsMenuSmall] = useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [activeMenuText, setActiveMenuText] = useState("home");
   const [activeCategory, setActiveCategory] = useState("All");
   const [videos, setVideos] = useState<Video[]>([]);
@@ -70,6 +70,7 @@ export const AppContextProvider = ({ children }: IAppContextProviderProps) => {
     if (videoToWatch !== 0) {
       navigate(`/${videoToWatch}`);
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [videoToWatch]);
 
   useEffect(() => {

diff --git a/src/store/app.slice.ts b/src/store/app.slice.ts
@@ -1,4 +1,4 @@
-import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+import { createSlice } from "@reduxjs/toolkit";
 
 interface IAppState {
   theme: "light" | "dark";