From 7206f00c001db180575c5fbebb967fb0e589594c Mon Sep 17 00:00:00 2001 From: srgooglo Date: Mon, 30 Jun 2025 20:37:44 +0200 Subject: [PATCH] Remove Music tab from account page --- .../src/pages/account/[username]/index.jsx | 13 ----- .../account/[username]/tabs/music/index.jsx | 52 ------------------- .../account/[username]/tabs/music/index.less | 31 ----------- 3 files changed, 96 deletions(-) delete mode 100755 packages/app/src/pages/account/[username]/tabs/music/index.jsx delete mode 100755 packages/app/src/pages/account/[username]/tabs/music/index.less diff --git a/packages/app/src/pages/account/[username]/index.jsx b/packages/app/src/pages/account/[username]/index.jsx index 75ee2c0e..85d9ce68 100644 --- a/packages/app/src/pages/account/[username]/index.jsx +++ b/packages/app/src/pages/account/[username]/index.jsx @@ -14,7 +14,6 @@ import FollowsModel from "@models/follows" import DetailsTab from "./tabs/details" import PostsTab from "./tabs/posts" -import MusicTab from "./tabs/music" import FollowersTab from "./tabs/followers" import "./index.less" @@ -23,7 +22,6 @@ const TabsComponent = { posts: PostsTab, followers: FollowersTab, details: DetailsTab, - music: MusicTab, } const Account = ({ params }) => { @@ -115,11 +113,6 @@ const Account = ({ params }) => { setTabActiveKey(normalizedKey) } - const onPostListTopVisibility = () => { - // This function was referenced but not defined in the original component - // You may need to implement this based on your requirements - } - useEffect(() => { loadUserData() }, [params.username]) @@ -204,7 +197,6 @@ const Account = ({ params }) => { }} > {React.createElement(TabsComponent[tabActiveKey], { - onTopVisibility: onPostListTopVisibility, state: state, })} @@ -223,11 +215,6 @@ const Account = ({ params }) => { label: "Posts", icon: "FiBookOpen", }, - { - id: "music", - label: "Music", - icon: "MdAlbum", - }, { id: "followers", label: "Followers", diff --git a/packages/app/src/pages/account/[username]/tabs/music/index.jsx b/packages/app/src/pages/account/[username]/tabs/music/index.jsx deleted file mode 100755 index 10666047..00000000 --- a/packages/app/src/pages/account/[username]/tabs/music/index.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from "react" -import * as antd from "antd" -import classnames from "classnames" - -import Playlist from "@components/Music/Playlist" - -import MusicModel from "@models/music" - -import "./index.less" - -export default (props) => { - const user_id = props.state.user._id - - const [L_Releases, R_Releases, E_Releases, M_Releases] = - app.cores.api.useRequest(MusicModel.getAllReleases, { - user_id: user_id, - }) - - if (E_Releases) { - return ( - - ) - } - - if (L_Releases) { - return - } - - const isEmpty = R_Releases.items.length === 0 - - return ( -
- {isEmpty && ( - - )} - {R_Releases.items.map((r) => { - return - })} -
- ) -} diff --git a/packages/app/src/pages/account/[username]/tabs/music/index.less b/packages/app/src/pages/account/[username]/tabs/music/index.less deleted file mode 100755 index 82f54fe4..00000000 --- a/packages/app/src/pages/account/[username]/tabs/music/index.less +++ /dev/null @@ -1,31 +0,0 @@ -.profile_releases { - display: grid; - - width: 100%; - - grid-auto-columns: auto; - - grid-template-columns: repeat(3, 1fr); - grid-template-rows: 1fr; - grid-column-gap: 20px; - grid-row-gap: 20px; - - @media (min-width: 2000px) { - grid-template-columns: repeat(4, 1fr); - } - - @media (min-width: 2300px) { - grid-template-columns: repeat(5, 1fr); - } - - .playlistItem { - justify-self: center; - } - - &.empty { - display: flex; - - align-items: center; - justify-content: center; - } -} \ No newline at end of file