From a9bbef6d02f633403e0ff08d6c825c30eb7e607a Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Thu, 13 Jul 2023 15:52:20 +0000
Subject: [PATCH] added `favorites` tab

---
 .../components/{feed => explore}/index.jsx    |  6 ++--
 .../components/{feed => explore}/index.less   |  0
 .../music/components/favorites/index.jsx      | 32 +++++++++++++++++
 .../pages/music/components/library/index.jsx  |  7 ++++
 packages/app/src/pages/music/index.jsx        |  1 +
 packages/app/src/pages/music/tabs.jsx         | 36 +++++++++----------
 6 files changed, 60 insertions(+), 22 deletions(-)
 rename packages/app/src/pages/music/components/{feed => explore}/index.jsx (98%)
 rename packages/app/src/pages/music/components/{feed => explore}/index.less (100%)
 create mode 100644 packages/app/src/pages/music/components/favorites/index.jsx
 create mode 100644 packages/app/src/pages/music/components/library/index.jsx

diff --git a/packages/app/src/pages/music/components/feed/index.jsx b/packages/app/src/pages/music/components/explore/index.jsx
similarity index 98%
rename from packages/app/src/pages/music/components/feed/index.jsx
rename to packages/app/src/pages/music/components/explore/index.jsx
index 9abb7220..917ea8f6 100755
--- a/packages/app/src/pages/music/components/feed/index.jsx
+++ b/packages/app/src/pages/music/components/explore/index.jsx
@@ -11,8 +11,8 @@ import { WithPlayerContext } from "contexts/WithPlayerContext"
 import FeedModel from "models/feed"
 import PlaylistModel from "models/playlists"
 
-import MusicTrack from "components/MusicTrack"
-import PlaylistItem from "components/PlaylistItem"
+import MusicTrack from "components/Music/Track"
+import PlaylistItem from "components/Music/PlaylistItem"
 
 import "./index.less"
 
@@ -146,8 +146,6 @@ const PlaylistsList = (props) => {
     </div>
 }
 
-
-
 const ResultGroupsDecorators = {
     "playlists": {
         icon: "MdPlaylistPlay",
diff --git a/packages/app/src/pages/music/components/feed/index.less b/packages/app/src/pages/music/components/explore/index.less
similarity index 100%
rename from packages/app/src/pages/music/components/feed/index.less
rename to packages/app/src/pages/music/components/explore/index.less
diff --git a/packages/app/src/pages/music/components/favorites/index.jsx b/packages/app/src/pages/music/components/favorites/index.jsx
new file mode 100644
index 00000000..e89e8ce0
--- /dev/null
+++ b/packages/app/src/pages/music/components/favorites/index.jsx
@@ -0,0 +1,32 @@
+import React from "react"
+import * as antd from "antd"
+
+import PlaylistView from "components/Music/PlaylistView"
+
+import MusicModel from "comty.js/models/music"
+
+export default () => {
+    const [L_Favorites, R_Favorites, E_Favorites] = app.cores.api.useRequest(MusicModel.getFavorites)
+
+    if (E_Favorites) {
+        return <antd.Result
+            status="error"
+            title="Error"
+            subTitle={E_Favorites.message}
+        />
+    }
+
+    if (L_Favorites) {
+        return <antd.Skeleton active />
+    }
+
+    return <PlaylistView
+        type="vertical"
+        playlist={{
+            title: "Your favorites",
+            cover: "https://storage.ragestudio.net/comty-static-assets/favorite_song.png",
+            list: R_Favorites
+        }}
+        centered={app.isMobile}
+    />
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/music/components/library/index.jsx b/packages/app/src/pages/music/components/library/index.jsx
new file mode 100644
index 00000000..3c856b30
--- /dev/null
+++ b/packages/app/src/pages/music/components/library/index.jsx
@@ -0,0 +1,7 @@
+import React from "react"
+
+export default () => {
+    return <div>
+        
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/music/index.jsx b/packages/app/src/pages/music/index.jsx
index ec397dfe..3609d5d5 100755
--- a/packages/app/src/pages/music/index.jsx
+++ b/packages/app/src/pages/music/index.jsx
@@ -15,6 +15,7 @@ export default () => {
     return <PagePanelWithNavMenu
         tabs={Tabs}
         navMenuHeader={NavMenuHeader}
+        defaultTab="explore"
         primaryPanelClassName="full"
         useSetQueryType
         transition
diff --git a/packages/app/src/pages/music/tabs.jsx b/packages/app/src/pages/music/tabs.jsx
index 82a1df24..2b3d08d8 100755
--- a/packages/app/src/pages/music/tabs.jsx
+++ b/packages/app/src/pages/music/tabs.jsx
@@ -1,34 +1,34 @@
-import FeedTab from "./components/feed"
-import SpacesTab from "./components/spaces"
-
+import LibraryTab from "./components/library"
+import FavoritesTab from "./components/favorites"
+import ExploreTab from "./components/explore"
 import DashboardTab from "./components/dashboard"
+
 import ReleasesTab from "./components/dashboard/releases"
 
 export default [
     {
-        key: "feed",
-        label: "Feed",
+        key: "explore",
+        label: "Explore",
         icon: "Compass",
-        component: FeedTab
-    },
-    {
-        key: "radio",
-        label: "Radio",
-        icon: "Radio",
-        disabled: true
+        component: ExploreTab
     },
     {
         key: "library",
         label: "Library",
         icon: "MdLibraryMusic",
-        component: FeedTab,
-        disabled: true
+        disabled: true,
+        component: LibraryTab,
     },
     {
-        key: "spaces",
-        label: "Spaces",
-        icon: "MdDeck",
-        component: SpacesTab,
+        key: "favorites",
+        label: "Favorites",
+        icon: "MdFavoriteBorder",
+        component: FavoritesTab,
+    },
+    {
+        key: "radio",
+        label: "Radio",
+        icon: "Radio",
         disabled: true
     },
     {