File size: 1,439 Bytes
82d1e90 5443f48 82d1e90 5443f48 82d1e90 5443f48 82d1e90 |
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 |
"use client"
import React from "react"
import { Button } from "@/components/ui/button"
import { useStore } from "../../app/store"
import { cn } from "@/lib/utils"
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
import { useIsBusy, useStoryPromptDraft } from "@/lib/hooks"
export function SaveClapButton() {
const { isBusy } = useIsBusy()
const fullClap = useStore(s => s.fullClap)
const saveClap = useStore(s => s.saveClap)
const { storyPromptDraft } = useStoryPromptDraft()
return (
<Tooltip>
<TooltipTrigger asChild><Button
onClick={() => saveClap()}
disabled={!fullClap || isBusy}
// variant="ghost"
className={cn(
`text-xs md:text-sm lg:text-base`,
`bg-stone-800/90 text-amber-400/100 dark:bg-stone-800/90 dark:text-amber-400/100`,
`font-bold`,
`hover:bg-stone-800/100 hover:text-amber-300/100 dark:hover:bg-stone-800/100 dark:hover:text-amber-300/100`,
storyPromptDraft ? "opacity-100" : "opacity-80"
)}
>
<span className="hidden xl:inline">Save</span>
<span className="inline xl:hidden">Save</span>
</Button></TooltipTrigger>
<TooltipContent side="top">
<p className="text-xs font-normal text-stone-100/90 text-center">
Clap is a new AI format,<br/>check out the academy<br/>to learn more about it.
</p>
</TooltipContent>
</Tooltip>
)
} |