Skip to content

C
canifa_note
Commit ab533290 authored by boojack's avatar boojack
Browse files
Options

fix: hide transcribe button without AI provider

parent 35504cc8
Hide whitespace changes
Inline Side-by-side
Showing with 23 additions and 21 deletions
web/src/components/MemoEditor/components/AudioRecorderPanel.tsx
View file @ ab533290
...@@ -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,26 +61,28 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({ ...@@ -61,26 +61,28 @@ export const AudioRecorderPanel: FC<AudioRecorderPanelProps> = ({
> >
<XIcon className="size-4" /> <XIcon className="size-4" />
</Button> </Button>
<Tooltip> {canTranscribe && (
<TooltipTrigger asChild> <Tooltip>
<span className="-ml-2 inline-flex"> <TooltipTrigger asChild>
<Button <span className="-ml-2 inline-flex">
type="button" <Button
variant="ghost" type="button"
size="icon" variant="ghost"
className="rounded-full" size="icon"
onClick={onTranscribe} className="rounded-full"
disabled={isTranscribeDisabled} onClick={onTranscribe}
aria-label={canTranscribe ? t("editor.audio-recorder.transcribe") : t("editor.audio-recorder.configure-ai-provider")} disabled={isTranscribeDisabled}
> aria-label={t("editor.audio-recorder.transcribe")}
<AudioWaveformIcon className="size-4" /> >
</Button> <AudioWaveformIcon className="size-4" />
</span> </Button>
</TooltipTrigger> </span>
<TooltipContent side="top"> </TooltipTrigger>
<p>{canTranscribe ? t("editor.audio-recorder.transcribe") : t("editor.audio-recorder.configure-ai-provider")}</p> <TooltipContent side="top">
</TooltipContent> <p>{t("editor.audio-recorder.transcribe")}</p>
</Tooltip> </TooltipContent>
</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