applying linting and formatting.

stylesheets/_session_constants.scss

@@ -154,7 +154,6 @@ $session-font-h4: 16px;
 }
 
 @mixin pulse-color($color, $duration, $repetition) {
-
   animation: pulseColor $duration $repetition;
 
   @keyframes pulseColor {
@@ -175,7 +174,6 @@ $session-font-h4: 16px;
   }
 }
 
-
 $session-subtle-factor: 0.6;
 
 @function subtle($color) {

stylesheets/_session_conversation.scss

@@ -354,7 +354,6 @@
       }
     }
   }
-
 }
 
 .session-recording {

ts/components/session/conversation/SessionRecording.tsx

@@ -121,9 +121,11 @@ class SessionRecordingInner extends React.Component<Props, State> {
       : (this.audioElement &&
           (this.audioElement?.currentTime * 1000 || this.audioElement?.duration)) ||
         0;
-    let displayTimeString = moment.utc(displayTimeMs).format('m:ss');
 
-    const recordingDurationMs = this.audioElement?.duration ? this.audioElement?.duration * 1000 : 1;
+    const displayTimeString = moment.utc(displayTimeMs).format('m:ss');
+    const recordingDurationMs = this.audioElement?.duration
+      ? this.audioElement?.duration * 1000
+      : 1;
 
     let remainingTimeString = '';
     if (recordingDurationMs !== undefined) {
@@ -139,10 +141,8 @@ class SessionRecordingInner extends React.Component<Props, State> {
           onMouseEnter={this.handleHoverActions}
           onMouseLeave={this.handleUnhoverActions}
         >
-          <StyledFlexWrapper
+          <StyledFlexWrapper flexDirection="row" marginHorizontal={Constants.UI.SPACING.marginXs}>
-            flexDirection='row'
+            {isRecording && (
-            marginHorizontal={Constants.UI.SPACING.marginXs}
-          >{isRecording && (
               <SessionIconButton
                 iconType={SessionIconType.Pause}
                 iconSize={SessionIconSize.Medium}
@@ -181,30 +181,26 @@ class SessionRecordingInner extends React.Component<Props, State> {
           )}
         </div>
 
-        { hasRecording && !isRecording ?
+        {hasRecording && !isRecording ? (
           <div className={classNames('session-recording--timer', !isRecording && 'playback-timer')}>
-            {
+            {displayTimeString + remainingTimeString}
-              displayTimeString + remainingTimeString
-            }
           </div>
-          :
+        ) : null}
-          null
-        }
 
-        {isRecording ?
+        {isRecording ? (
           <div className={classNames('session-recording--timer')}>
             {displayTimeString}
             <div className="session-recording--timer-light" />
           </div>
-          :
+        ) : null}
-          null
-        }
 
         {!isRecording && (
-          <div className={classNames(
+          <div
-            "send-message-button",
+            className={classNames(
+              'send-message-button',
               hasRecording && 'send-message-button---scale'
-            )}>
+            )}
+          >
             <SessionIconButton
               iconType={SessionIconType.Send}
               iconSize={SessionIconSize.Large}
@@ -213,7 +209,6 @@ class SessionRecordingInner extends React.Component<Props, State> {
             />
           </div>
         )}
-
       </div>
     );
   }
@@ -364,14 +359,6 @@ class SessionRecordingInner extends React.Component<Props, State> {
     this.stopRecordingState();
   }
 
-  /**
-   * Stops recording and sets up audio element, updates recording state.
-   */
-  private async onStopRecordingClick() {
-    this.stopRecordingStream();
-    this.updateAudioElementAndDuration();
-  }
-
   /**
    * Creates an audio element using the recorded audio blob.
    * Updates the duration for displaying audio duration.
@@ -383,8 +370,8 @@ class SessionRecordingInner extends React.Component<Props, State> {
 
     // ww adding record duration
     this.setState({
-      recordDuration: this.audioElement.duration
+      recordDuration: this.audioElement.duration,
-    })
+    });
 
     this.audioElement.loop = false;
     this.audioElement.onended = () => {