fix: Fix speech recognition failed, the input box did not restore the default style.

[shaohuzhang1]

fix: Fix speech recognition failed, the input box did not restore the default style. --bug=1051969 --user=刘瑞斌 【应用】语音识别失败后输入框没有恢复默认的样式 https://www.tapd.cn/57709429/s/1651864

[f2c-ci-robot]

Adding the "do-not-merge/release-note-label-needed" label because no release-note block was detected, please follow our release note process to remove it.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[shaohuzhang1]

The code provided has a few issues that could be improved:

1. Error Handling: The catch block is currently inside the promise callback of .then(). This means it will only handle errors if there's an additional asynchronous operation that occurs after this point. To ensure all errors are handled correctly, you should move the catch outside both promises.

2. Logging Error Messages: Ensure that $t('chat.uploadFile.errorMessage') returns valid string contents before logging. If not, it might result in a TypeError.

3. Consistency with Initial State: It’s good to set recorderLoading.value = false; at the beginning of each function call to avoid confusion about its state during error handling or normal execution.

Here’s a revised version of the code addressing these points:

const uploadRecording = async (audioBlob: Blob) => {
  try {
    // Initialize loading status first
    recorderLoading.value = true;

    await audioRecordPromise.then(recordedAudio => {
      console.log("Recording stopped.");
      // Upload recorded audio blob here...
    }).catch(error => {
      console.error(`${$t('chat.uploadFile.errorMessage')}:`, error);
      recorderLoading.value = false;
    });

    await uploadRecordingPromises.forEach(uploadPromise => {
      await uploadPromise.then(response =>
        console.log(`${response.statusText} : ${response.url}`)
      ).catch((error) => {
        recorderLoading.value = false;
        console.error(`${$t('chat.uploadFile.errorMessage')}:`, error);
      });
    });
  } catch (catchErr) {
    console.error(`Unexpected error occurred:`, catchErr);
    recorderLoading.value = false;
  }
};

Key Changes Made:

• Moved initial setting of recorderLoading.value = false; at the start.
• Ensured proper nesting where necessary (forEach) and added missing brackets accordingly.
• Added consistency by logging relevant error messages.
• Simplified variable names where appropriate for clarity.