fix ui

web/app/components/base/voice-input/index.tsx

@@ -55,6 +55,9 @@ const VoiceInput = ({
     recorder.current.stop()
     drawRecordId.current && cancelAnimationFrame(drawRecordId.current)
     drawRecordId.current = null
+    const canvas = canvasRef.current!
+    const ctx = ctxRef.current!
+    ctx.clearRect(0, 0, canvas.width, canvas.height)
     // const wavBlob = recorder.current.getWAVBlob()
     // const wavFile = new File([wavBlob], 'audio.wav', { type: 'audio/wav' })
     // onConverted('')
@@ -104,9 +107,7 @@ const VoiceInput = ({
   return (
     <div className={cn(s.wrapper, 'absolute inset-0 rounded-xl')}>
       <div className='absolute inset-[1.5px] flex items-center pl-[14.5px] pr-[6.5px] py-[14px] bg-primary-25 rounded-[10.5px] overflow-hidden'>
-        {
-          startRecord && <canvas id='voice-input-record' className='absolute left-0 bottom-0 w-full h-4' />
-        }
+        <canvas id='voice-input-record' className='absolute left-0 bottom-0 w-full h-4' />
         {
           startConvert && <Loading02 className='animate-spin mr-2 w-4 h-4 text-primary-700' />
         }