refactor(favorites): move videos key to cards

src/components/ButtonFavorite.tsx

@@ -20,7 +20,10 @@ import {
   CardVideo,
 } from "../types/interfaces/Card";
 import { Channel } from "../types/interfaces/Channel";
-import { Playlist } from "../types/interfaces/Playlist";
+import {
+  FavoritePlaylist as Favorite,
+  Playlist,
+} from "../types/interfaces/Playlist";
 import { Video } from "../types/interfaces/Video";
 import {
   formatedCardChannel,
@@ -82,12 +85,12 @@ export const ButtonFavorite: React.FC<ButtonFavoriteProps> = memo(
       return null;
     }
 
-    const isFavorite = favorite.videos.find(
-      (favVideo) => getCardId(favVideo) === getCardId(card),
+    const isFavorite = favorite.cards.find(
+      (favCard) => getCardId(favCard) === getCardId(card),
     );
 
-    const updateAndCommit = async (updatedFavoritePlaylist: Playlist) => {
-      await db.update(
+    const updateAndCommit = (updatedFavoritePlaylist: Favorite) => {
+      db.update(
         "playlists",
         { title: "Favorites" },
         () => updatedFavoritePlaylist,
@@ -110,7 +113,7 @@ export const ButtonFavorite: React.FC<ButtonFavoriteProps> = memo(
 
       updateAndCommit({
         ...favorite,
-        videos: [formatedCard, ...favorite.videos],
+        cards: [formatedCard, ...favorite.cards],
       });
 
       notifications.show({
@@ -122,8 +125,8 @@ export const ButtonFavorite: React.FC<ButtonFavoriteProps> = memo(
     const handleDelete = () => {
       updateAndCommit({
         ...favorite,
-        videos: favorite.videos.filter(
-          (favVideo) => getCardId(favVideo) !== getCardId(card),
+        cards: favorite.cards.filter(
+          (favCard) => getCardId(favCard) !== getCardId(card),
         ),
       });
 

src/components/FavoritePlaylist.tsx

@@ -19,7 +19,7 @@ export const FavoritePlaylist = memo(() => {
   const favorite = useFavorite();
   const { t } = useTranslation();
 
-  const data = favorite.videos;
+  const data = favorite.cards;
 
   if (!data.length) {
     return (
@@ -30,13 +30,13 @@ export const FavoritePlaylist = memo(() => {
   }
 
   const videos = data.filter(
-    (video) =>
-      (video.type === "video" || video.type === "scheduled") &&
-      video.lengthSeconds > 0,
+    (card) =>
+      (card.type === "video" || card.type === "scheduled") &&
+      card.lengthSeconds > 0,
   );
-  const livestream = data.filter((video) => isLiveStream(video as CardVideo));
-  const playlists = data.filter((video) => video.type === "playlist");
-  const channels = data.filter((video) => video.type === "channel");
+  const livestream = data.filter((card) => isLiveStream(card as CardVideo));
+  const playlists = data.filter((card) => card.type === "playlist");
+  const channels = data.filter((card) => card.type === "channel");
 
   return (
     <Tabs defaultValue="all">

src/components/ImportData.tsx

@@ -196,7 +196,7 @@ const TransferListContainer: FC<TransferListContainerProps> = memo(
         const userPlaylists = playlists.filter((p) => p.title !== "Favorites");
 
         if (favoritePlaylist) {
-          const { validData } = await getVideosData(favoritePlaylist.videos);
+          const { validData } = await getVideosData(favoritePlaylist.cards);
           importVideosToFavorites(validData.map(({ video }) => video));
           setFavorite(getFavoritePlaylist());
         }

src/components/RecentFavorites.tsx

@@ -7,7 +7,7 @@ import { HorizontalGridList } from "./HorizontalGridList";
 
 export const RecentFavorites = memo(() => {
   const favorite = useFavorite();
-  const data = favorite.videos.slice(0, 10);
+  const data = favorite.cards.slice(0, 10);
   const { t } = useTranslation();
 
   return (

src/database/19102023_migrate_playlist_favorite_cards_key.ts

@@ -0,0 +1,19 @@
+import { db } from ".";
+
+const migration = () => {
+  try {
+    const favoritePlaylist = db.queryAll("playlists", {
+      query: { title: "Favorites" },
+    })[0];
+
+    favoritePlaylist.cards = favoritePlaylist.videos;
+    delete favoritePlaylist.videos;
+
+    db.update("playlists", { title: "Favorites" }, () => favoritePlaylist);
+    db.commit();
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+export default migration;

src/database/migrations.ts

@@ -46,9 +46,16 @@ export default (() => {
   if (!migrationsName.includes("18102023_migrate_formate_storage_data")) {
     try {
       require("./18102023_migrate_formate_storage_data").default();
-      // saveMigration(
-      //   "18102023_migrate_formate_storage_data",
-      // );
+      saveMigration("18102023_migrate_formate_storage_data");
+    } catch {}
+  }
+
+  if (
+    !migrationsName.includes("19102023_migrate_playlist_favorite_cards_key")
+  ) {
+    try {
+      require("./19102023_migrate_playlist_favorite_cards_key").default();
+      saveMigration("19102023_migrate_playlist_favorite_cards_key");
     } catch {}
   }
 })();

src/database/utils.ts

@@ -23,7 +23,7 @@ const removeDuplicateVideoId = (cards: Card[]): Card[] => {
 export const importVideosToFavorites = (importedCards: Card[]): void => {
   db.update("playlists", { title: "Favorites" }, (raw: FavoritePlaylist) => ({
     ...raw,
-    videos: removeDuplicateVideoId([...importedCards, ...raw.videos]),
+    videos: removeDuplicateVideoId([...importedCards, ...raw.cards]),
   }));
   db.commit();
 };

src/hooks/useResolveVideosPlaylist.ts

@@ -35,8 +35,8 @@ export const useResolveVideosPlaylist = () => {
       videos = query.data;
     }
     if (location.pathname === "/favorites") {
-      videos = getFavoritePlaylist().videos.filter(
-        (video) => video.type === "video",
+      videos = getFavoritePlaylist().cards.filter(
+        (card) => card.type === "video",
       ) as Video[];
     }
     if (location.pathname === "/most-popular") {

src/types/interfaces/Playlist.ts

@@ -1,4 +1,4 @@
-import { Card, CardVideo } from "./Card";
+import { Card } from "./Card";
 import { Video } from "./Video";
 
 export interface Playlist {
@@ -11,7 +11,7 @@ export interface Playlist {
   playlistThumbnail: string;
 }
 
-export interface FavoritePlaylist extends Omit<Playlist, "videos" | "title"> {
+export interface FavoritePlaylist extends Omit<Playlist, "title"> {
   title: "Favorites";
-  videos: Card[];
+  cards: Card[];
 }