some error handeling changes

package.json

@@ -21,7 +21,8 @@
     "react-lazy-load-image-component": "^1.5.6",
     "react-router-dom": "^6.8.0",
     "react-spinners": "^0.13.8",
-    "ripple-effect-reactjs": "^1.0.6"
+    "ripple-effect-reactjs": "^1.0.6",
+    "swiper": "^9.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.26",

src/AnimateRoutes.jsx

@@ -9,7 +9,6 @@ import {
   ViewAllAlbums,
   Artist,
   TopArtist,
-  CustomizedAccordions,
 } from "./Page";
 import {
   HindiPlaylist,
@@ -38,7 +37,6 @@ const AnimateRoutes = () => {
         <Route path="/topplaylists/Bhojpuri" element={<BhojpuriPlaylist />} />
         <Route path="/topplaylists/English" element={<EnglishPlaylists />} />
         <Route path="/topartist" element={<TopArtist />} />
-        <Route path="/about" element={<CustomizedAccordions />} />
       </Routes>
     </AnimatePresence>
   );

src/Page/index.jsx

@@ -7,7 +7,6 @@ import ViewAllAlbums from "./ViewAllAlbums";
 import Artist from "./Artist";
 import RecentSongs from "./RecentSongs";
 import TopArtist from "./TopArtist";
-import CustomizedAccordions from "./HelpSupport";
 export {
   Home,
   SingleAlbum,
@@ -18,5 +17,4 @@ export {
   Artist,
   RecentSongs,
   TopArtist,
-  CustomizedAccordions,
 };

src/Reducers/MusicReducer.jsx

@@ -48,6 +48,14 @@ const Music_reducer = (state, action) => {
       single_album_loading: false,
     };
   }
+
+  if (action.type === GET_SINGLE_ALBUM_ERROR) {
+    // Handle the error case here
+    return {
+      ...state,
+      single_album_loading: false,
+    };
+  }
 
   if (action.type === GET_SINGLE_PLAYLIST_BEGIN) {
     return { ...state, single_album_loading: true };
@@ -114,6 +122,7 @@ const Music_reducer = (state, action) => {
   if (action.type === ALERT_SHOW) {
     return { ...state, alert_show: false };
   }
+
   throw new Error(`No Matching "${action.type}" -action type`);
 };
 

src/components/SearchBar.jsx

@@ -59,9 +59,7 @@ const SearchBar = () => {
   return (
     <section className="flex items-center searchBarContainer gap-4 w-1/2 max-md:w-full">
       <div className="w-fit hidden max-md:flex" onClick={HandleSideNav}>
-        <IconButton>
-          <MenuSharpIcon  className="text-slate-200" />
-        </IconButton>
+          <MenuSharpIcon  className="text-slate-200" style={{fontSize:35}}/>
       </div>
       <div
         className="flex  items-center w-full focus-within:border-darkTextColor group transition-all duration-400 ease-linear rounded-sm pl-5 pr-1 h-12 bg-[#2d1b69] border-[#ffd4d46e]"