21 feature app redesign #23
10
src/App.tsx
10
src/App.tsx
@ -1,7 +1,7 @@
|
|||||||
import { useEffect } from "kaioken"
|
import { useEffect } from "kaioken"
|
||||||
import { useStorage } from "./hooks/storageStores"
|
import { useStorage } from "./hooks/storageStores"
|
||||||
import { useStationsStore } from "./hooks/stationStores"
|
import { useStationsStore } from "./hooks/stationStores"
|
||||||
import { Popular, Navigation } from "./components"
|
import { Popular, Navigation, LocalRadio, RecommendedRadio, MusicPlayer } from "./components"
|
||||||
|
|
||||||
export function App() {
|
export function App() {
|
||||||
const { getStationsFile } = useStorage()
|
const { getStationsFile } = useStorage()
|
||||||
@ -34,13 +34,13 @@ export function App() {
|
|||||||
{/* Right Section __________*/}
|
{/* Right Section __________*/}
|
||||||
<div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2 min-w-0">
|
<div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2 min-w-0">
|
||||||
<div className="bg-gray-200 w-full border rounded-xl p-4 flex-col flex gap-4">
|
<div className="bg-gray-200 w-full border rounded-xl p-4 flex-col flex gap-4">
|
||||||
{/*<MusicPlayer />*/}
|
<MusicPlayer />
|
||||||
<Popular />
|
<Popular />
|
||||||
{/* Bottom Section __________*/}
|
{/* Bottom Section __________*/}
|
||||||
|
|
||||||
<div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 bg-white">
|
<div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 ">
|
||||||
{/*<LocalRadio />*/}
|
<LocalRadio />
|
||||||
{/*<RecommendedRadio />*/}
|
<RecommendedRadio />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user