linting and formatting.

ts/components/conversation/H5AudioPlayer.tsx

@@ -12,8 +12,8 @@ export const AudioPlayerWithEncryptedFile = (props: {
   contentType: string;
   playbackSpeed: number;
   playNextMessage?: (index: number) => void;
-  playableMessageIndex?: number
+  playableMessageIndex?: number;
-  nextMessageToPlay?: number
+  nextMessageToPlay?: number;
 }) => {
   const theme = useTheme();
   const { urlToLoad } = useEncryptedFileFetch(props.src, props.contentType);
@@ -28,10 +28,10 @@ export const AudioPlayerWithEncryptedFile = (props: {
   }, [playbackSpeed]);
 
   useEffect(() => {
-    if (props.playableMessageIndex == props.nextMessageToPlay) {
+    if (props.playableMessageIndex === props.nextMessageToPlay) {
       player.current?.audio.current?.play();
     }
-  })
+  });
 
   const onEnded = () => {
     // if audio autoplay is enabled, call method to start playing
@@ -43,7 +43,7 @@ export const AudioPlayerWithEncryptedFile = (props: {
     ) {
       props.playNextMessage(props.playableMessageIndex);
     }
-  }
+  };
 
   return (
     <H5AudioPlayer

ts/components/session/conversation/SessionMessagesList.tsx

@@ -69,7 +69,7 @@ export class SessionMessagesList extends React.Component<Props, State> {
 
     this.state = {
       showScrollButton: false,
-      nextMessageToPlay: null
+      nextMessageToPlay: null,
     };
     autoBind(this);
 
@@ -228,7 +228,6 @@ export class SessionMessagesList extends React.Component<Props, State> {
             />
           );
 
-
           currentMessageIndex = currentMessageIndex + 1;
 
           if (groupNotificationProps) {
@@ -278,16 +277,16 @@ export class SessionMessagesList extends React.Component<Props, State> {
            * @param index index of message that just completed
            */
           const playNextMessage = (index: any) => {
-            index--;
+            const nextIndex = index - 1;
-            if (messages[index]) {
+            if (messages[nextIndex]) {
               this.setState({
-                nextMessageToPlay: index
+                nextMessageToPlay: nextIndex,
-              })
+              });
-            }
             }
+          };
 
           if (messageProps) {
-            messageProps.nextMessageToPlay = this.state.nextMessageToPlay
+            messageProps.nextMessageToPlay = this.state.nextMessageToPlay;
             messageProps.playableMessageIndex = playableMessageIndex;
             messageProps.playNextMessage = playNextMessage;
           }

ts/state/ducks/userConfig.tsx

@@ -9,7 +9,7 @@ export interface UserConfigState {
 }
 
 export const initialUserConfigState = {
-  audioAutoplay: false
+  audioAutoplay: false,
 };
 
 const userConfigSlice = createSlice({
@@ -19,14 +19,14 @@ const userConfigSlice = createSlice({
     updateUserConfig(state: UserConfigState, action: PayloadAction<UserConfigState>) {
       return {
         ...state,
-        audioAutoplay: true
+        audioAutoplay: true,
-      }
+      };
+    },
+    toggleAudioAutoplay: state => {
+      state.audioAutoplay = !state.audioAutoplay;
     },
-    toggleAudioAutoplay: (state) => {
-      state.audioAutoplay = !state.audioAutoplay
-    }
   },
-})
+});
 
 const { actions, reducer } = userConfigSlice;
 export const { updateUserConfig, toggleAudioAutoplay } = actions;

ts/state/reducer.ts

@@ -37,7 +37,7 @@ export const reducers = {
   mentionsInput,
   onionPaths,
   modals,
-  userConfig
+  userConfig,
 };
 
 // Making this work would require that our reducer signature supported AnyAction, not

ts/state/selectors/userConfig.ts

@@ -1,10 +1,9 @@
 import { StateType } from '../reducer';
-import { UserConfigState } from "../ducks/userConfig";
+import { UserConfigState } from '../ducks/userConfig';
 import { createSelector } from 'reselect';
 
 export const getUserConfig = (state: StateType): UserConfigState => state.userConfig;
 
-
 export const getAudioAutoplay = createSelector(
   getUserConfig,
   (state: UserConfigState): boolean => state.audioAutoplay