Commit ab533290 authored by boojack's avatar boojack

fix: hide transcribe button without AI provider

parent 35504cc8
...@@ -23,7 +23,7 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({ ...@@ -23,7 +23,7 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({
const isRequestingPermission = status === "requesting_permission"; const isRequestingPermission = status === "requesting_permission";
const isRecording = status === "recording"; const isRecording = status === "recording";
const isTranscribeDisabled = !canTranscribe || isRequestingPermission || isTranscribing; const isTranscribeDisabled = isRequestingPermission || isTranscribing;
const waveformLevels = useAudioWaveform(mediaStream, isRecording && mediaStream !== null); const waveformLevels = useAudioWaveform(mediaStream, isRecording && mediaStream !== null);
const srStatusText = isTranscribing const srStatusText = isTranscribing
? t("editor.audio-recorder.transcribing") ? t("editor.audio-recorder.transcribing")
...@@ -61,6 +61,7 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({ ...@@ -61,6 +61,7 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({
> >
<XIcon className="size-4" /> <XIcon className="size-4" />
</Button> </Button>
{canTranscribe && (
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<span className="-ml-2 inline-flex"> <span className="-ml-2 inline-flex">
...@@ -71,16 +72,17 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({ ...@@ -71,16 +72,17 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({
className="rounded-full" className="rounded-full"
onClick={onTranscribe} onClick={onTranscribe}
disabled={isTranscribeDisabled} disabled={isTranscribeDisabled}
aria-label={canTranscribe ? t("editor.audio-recorder.transcribe") : t("editor.audio-recorder.configure-ai-provider")} aria-label={t("editor.audio-recorder.transcribe")}
> >
<AudioWaveformIcon className="size-4" /> <AudioWaveformIcon className="size-4" />
</Button> </Button>
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top"> <TooltipContent side="top">
<p>{canTranscribe ? t("editor.audio-recorder.transcribe") : t("editor.audio-recorder.configure-ai-provider")}</p> <p>{t("editor.audio-recorder.transcribe")}</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
)}
<Button <Button
type="button" type="button"
variant="destructive" variant="destructive"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment