mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 18:44:16 +00:00
formaat
This commit is contained in:
parent
a708712935
commit
8b98a60f82
@ -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
|
Loading…
x
Reference in New Issue
Block a user