added favorites tab

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 MusicTrack from "components/Music/Track"
-import PlaylistItem from "components/PlaylistItem"
+import PlaylistItem from "components/Music/PlaylistItem"
 
 import "./index.less"
 
@@ -146,8 +146,6 @@ const PlaylistsList = (props) => {
     </div>
 }
 
-
-
 const ResultGroupsDecorators = {
     "playlists": {
         icon: "MdPlaylistPlay",

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}
+    />
+}

packages/app/src/pages/music/components/library/index.jsx

@@ -0,0 +1,7 @@
+import React from "react"
+
+export default () => {
+    return <div>
+        
+    </div>
+}

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

packages/app/src/pages/music/tabs.jsx

@@ -1,34 +1,34 @@
-import FeedTab from "./components/feed"
+import LibraryTab from "./components/library"
-import SpacesTab from "./components/spaces"
+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",
+        key: "explore",
-        label: "Feed",
+        label: "Explore",
         icon: "Compass",
-        component: FeedTab
+        component: ExploreTab
-    },
-    {
-        key: "radio",
-        label: "Radio",
-        icon: "Radio",
-        disabled: true
     },
     {
         key: "library",
         label: "Library",
         icon: "MdLibraryMusic",
-        component: FeedTab,
+        disabled: true,
-        disabled: true
+        component: LibraryTab,
     },
     {
-        key: "spaces",
+        key: "favorites",
-        label: "Spaces",
+        label: "Favorites",
-        icon: "MdDeck",
+        icon: "MdFavoriteBorder",
-        component: SpacesTab,
+        component: FavoritesTab,
+    },
+    {
+        key: "radio",
+        label: "Radio",
+        icon: "Radio",
         disabled: true
     },
     {