You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.2 KiB
45 lines
1.2 KiB
import { |
|
Dialog, |
|
DialogContent, |
|
DialogDescription, |
|
DialogHeader, |
|
DialogTitle |
|
} from '@/components/ui/dialog' |
|
import { Drawer, DrawerContent } from '@/components/ui/drawer' |
|
import { useScreenSize } from '@/providers/ScreenSizeProvider' |
|
import { Dispatch } from 'react' |
|
import AccountManager from '../AccountManager' |
|
|
|
export default function LoginDialog({ |
|
open, |
|
setOpen |
|
}: { |
|
open: boolean |
|
setOpen: Dispatch<boolean> |
|
}) { |
|
const { isSmallScreen } = useScreenSize() |
|
|
|
if (isSmallScreen) { |
|
return ( |
|
<Drawer open={open} onOpenChange={setOpen}> |
|
<DrawerContent className="max-h-[90vh]"> |
|
<div className="flex flex-col p-4 gap-4 overflow-auto"> |
|
<AccountManager close={() => setOpen(false)} /> |
|
</div> |
|
</DrawerContent> |
|
</Drawer> |
|
) |
|
} |
|
|
|
return ( |
|
<Dialog open={open} onOpenChange={setOpen}> |
|
<DialogContent className="w-[520px] max-h-[90vh] overflow-auto"> |
|
<DialogHeader> |
|
<DialogTitle className="hidden" /> |
|
<DialogDescription className="hidden" /> |
|
</DialogHeader> |
|
<AccountManager close={() => setOpen(false)} /> |
|
</DialogContent> |
|
</Dialog> |
|
) |
|
}
|
|
|