UI bug fixes

Author: leslieharvey

src/components/calibrate/AudioRecord.tsx

@@ -72,7 +72,7 @@ export default function AudioRecord() {
   const [state, setState] = useState<AudioState>(AudioState.Ready);
   const [recorder, setRecorder] = useState<MediaRecorder>();
   const [feedbackMsg, setFeedbackMsg] = useState<string | null>();
-  const { deviceId } = useAppSelector(selectCalibrate);
+  const { deviceId, testName } = useAppSelector(selectCalibrate);
   const dispatch = useAppDispatch();
 
   useEffect(() => {
@@ -82,7 +82,7 @@ export default function AudioRecord() {
         console.log(status);
         if (status === true) {
           setState(AudioState.Finished);
-          setFeedbackMsg(message);
+          //setFeedbackMsg(message);
           writeSerial(data).then((serialStatus) => {
             console.log(serialStatus);
           });
@@ -174,7 +174,7 @@ export default function AudioRecord() {
 
   const getStateMessage = (): string | null => {
     if (state === AudioState.Ready) {
-      return "Start the test for the listed recording device.";
+      return `Start the ${testName} test for the listed recording device.`;
     } else if (state === AudioState.Processing) {
       return "Processing...";
     } else if (state === AudioState.Recording) {

src/css/Media.css

@@ -43,6 +43,7 @@
   min-height: 50px;
   font-size: 25px;
   padding-bottom: 20px;
+  word-break: break-word;
 }
 
 .media-player {

src/reducers/calibrateSlice.ts

@@ -5,11 +5,13 @@ import { Calibrate } from "enums/calibrate";
 interface CalibrateState {
   currentState: Calibrate;
   deviceId: string | null;
+  testName: string | null;
 }
 
 const initialState: CalibrateState = {
   currentState: Calibrate.deviceConfig,
   deviceId: null,
+  testName: null,
 };
 
 export const calibrateSlice = createSlice({
@@ -28,6 +30,7 @@ export const calibrateSlice = createSlice({
         }
         case Calibrate.prompt1: {
           state.currentState = Calibrate.audioTest1;
+          state.testName = "Ambient Noise";
           break;
         }
         case Calibrate.audioTest1: {