This commit is contained in:
SrGooglo 2025-02-11 16:13:52 +00:00
parent a708712935
commit 8b98a60f82

View File

@ -7,49 +7,45 @@ import useClickNavById from "@hooks/useClickNavById"
import "./index.less" import "./index.less"
const SelectorPaths = { const SelectorPaths = {
"music": "/studio/music", music: "/studio/music",
"tv": "/studio/tv", tv: "/studio/tv",
"marketplace": "/studio/marketplace", marketplace: "/studio/marketplace",
} }
const StudioPage = () => { const StudioPage = () => {
const [navigatorRef, navigatorProps] = useClickNavById(SelectorPaths, ".studio-page-selectors-item") const [navigatorRef, navigatorProps] = useClickNavById(
SelectorPaths,
".studio-page-selectors-item",
)
return <div className="studio-page"> return (
<div className="studio-page-header"> <div className="studio-page">
<h1>Studio</h1> <div className="studio-page-header">
</div> <h1>Studio</h1>
</div>
<div <div
className="studio-page-selectors" className="studio-page-selectors"
ref={navigatorRef} ref={navigatorRef}
{...navigatorProps} {...navigatorProps}
> >
<div <div id="music" className="studio-page-selectors-item">
id="music" <Icons.MdLibraryMusic />
className="studio-page-selectors-item" <span>Music</span>
> </div>
<Icons.MdLibraryMusic />
<span>Music</span>
</div>
<div <div id="tv" className="studio-page-selectors-item">
id="tv" <Icons.MdTv />
className="studio-page-selectors-item" <span>TV</span>
> </div>
<Icons.MdTv />
<span>TV</span>
</div>
<div <div id="marketplace" className="studio-page-selectors-item">
id="marketplace" <Icons.MdCode />
className="studio-page-selectors-item" <span>Marketplace</span>
> </div>
<Icons.MdCode /> </div>
<span>Marketplace</span> </div>
</div> )
</div>
</div>
} }
export default StudioPage export default StudioPage