YesPlayMusic/packages/web/pages/My/My.tsx
2023-03-26 22:10:56 +08:00

31 lines
769 B
TypeScript

import PlayLikedSongsCard from './PlayLikedSongsCard'
import PageTransition from '@/web/components/PageTransition'
import RecentlyListened from './RecentlyListened'
import Collections from './Collections'
import { useIsLoggedIn } from '@/web/api/hooks/useUser'
import { LayoutGroup, motion } from 'framer-motion'
function PleaseLogin() {
return <></>
}
const My = () => {
const isLoggedIn = useIsLoggedIn()
return (
<PageTransition>
{isLoggedIn ? (
<LayoutGroup>
<div className='grid grid-cols-1 gap-10'>
<PlayLikedSongsCard />
<RecentlyListened />
<Collections />
</div>
</LayoutGroup>
) : (
<PleaseLogin />
)}
</PageTransition>
)
}
export default My