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

View File

@ -7,15 +7,19 @@ 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">
<div className="studio-page-header"> <div className="studio-page-header">
<h1>Studio</h1> <h1>Studio</h1>
</div> </div>
@ -25,31 +29,23 @@ const StudioPage = () => {
ref={navigatorRef} ref={navigatorRef}
{...navigatorProps} {...navigatorProps}
> >
<div <div id="music" className="studio-page-selectors-item">
id="music"
className="studio-page-selectors-item"
>
<Icons.MdLibraryMusic /> <Icons.MdLibraryMusic />
<span>Music</span> <span>Music</span>
</div> </div>
<div <div id="tv" className="studio-page-selectors-item">
id="tv"
className="studio-page-selectors-item"
>
<Icons.MdTv /> <Icons.MdTv />
<span>TV</span> <span>TV</span>
</div> </div>
<div <div id="marketplace" className="studio-page-selectors-item">
id="marketplace"
className="studio-page-selectors-item"
>
<Icons.MdCode /> <Icons.MdCode />
<span>Marketplace</span> <span>Marketplace</span>
</div> </div>
</div> </div>
</div> </div>
)
} }
export default StudioPage export default StudioPage