Spaces:
Running
Running
File size: 1,511 Bytes
e429049 888548a e429049 349dd50 e429049 349dd50 e429049 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
import { useStore } from "@/app/store"
import { cn } from "@/lib/utils"
import { About } from "../about"
export function BottomBar() {
// const prompt = useStore(s => s.prompt)
// const renderedScene = useStore(s => s.renderedScene)
// const setRendered = useStore(s => s.setRendered)
const isLoading = false
return (
<div className={cn(
`print:hidden`,
`fixed bottom-0 md:bottom-0 left-2 right-0 md:left-3 md:right-1`,
`flex flex-row`,
`justify-between`,
`pointer-events-none`
)}>
<div className={cn(
`flex flex-row`,
`items-end`,
`animation-all duration-300 ease-in-out`,
isLoading ? `scale-0 opacity-0` : ``,
`space-x-3`,
`scale-[0.9]`
)}>
{/*<About />*/}
</div>
<div className={cn(
`flex flex-row`,
`animation-all duration-300 ease-in-out`,
isLoading ? `scale-0 opacity-0` : ``,
`space-x-3`,
`scale-[0.9]`
)}>
{/*
<div>
<Button
onClick={handleShare}
disabled={!prompt?.length}
className="space-x-2"
>
<div className="scale-105"><HuggingClap /></div>
<div>
<span className="hidden md:inline">Share to community</span>
<span className="inline md:hidden">Share</span>
</div>
</Button>
</div>
*/}
<div className="pointer-events-auto"><About /></div>
</div>
</div>
)
} |