Update code formatting

app/src/components/SettingsDrawer/TimeLocale.tsx

@@ -3,14 +3,7 @@ import DateFormatter from '../helper/DateFormatter'
 import { AppState } from '../../reducers'
 import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
-import {
-  Input,
-  InputLabel,
-  MenuItem,
-  Select,
-  StyleRulesCallback,
-  Theme
-  } from '@material-ui/core'
+import { Input, InputLabel, MenuItem, Select, StyleRulesCallback, Theme } from '@material-ui/core'
 import { settingsActions } from '../../actions'
 import { withStyles } from '@material-ui/styles'
 const moment = require('moment/min/moment-with-locales')
@@ -18,7 +11,7 @@ const moment = require('moment/min/moment-with-locales')
 interface Props {
   actions: {
     settings: typeof settingsActions
-  },
+  }
   timeLocale: string
   classes: any
 }
@@ -29,26 +22,33 @@ function TimeLocaleSettings(props: Props) {
   const date = new Date()
   const localeMenuItems = locales.map((l: string) => (
     <MenuItem key={l} value={l}>
-      <div>Locale: <b>{l}</b>, Format: <b><DateFormatter date={date} overrideLocale={l} /></b></div>
+      <div>
+        Locale: <b>{l}</b>, Format:{' '}
+        <b>
+          <DateFormatter date={date} overrideLocale={l} />
+        </b>
+      </div>
     </MenuItem>
   ))
 
-  function updateLocale(e: React.ChangeEvent<{value: unknown}>) {
+  function updateLocale(e: React.ChangeEvent<{ value: unknown }>) {
     const locale = e.target.value ? String(e.target.value) : ''
     actions.settings.setTimeLocale(locale)
   }
 
   return (
     <div style={{ padding: '8px', display: 'flex' }}>
-      <InputLabel htmlFor="time-locale" style={{ flex: '1', marginTop: '8px' }}>Time Locale</InputLabel>
+      <InputLabel htmlFor="time-locale" style={{ flex: '1', marginTop: '8px' }}>
+        Time Locale
+      </InputLabel>
       <Select
-          value={timeLocale}
-          onChange={updateLocale}
-          input={<Input name="time-locale" id="time-locale-label-placeholder" />}
-          name="time-locale"
-          className={classes.input}
-          renderValue={v => <span>{String(v)}</span>}
-          style={{ flex: '1' }}
+        value={timeLocale}
+        onChange={updateLocale}
+        input={<Input name="time-locale" id="time-locale-label-placeholder" />}
+        name="time-locale"
+        className={classes.input}
+        renderValue={v => <span>{String(v)}</span>}
+        style={{ flex: '1' }}
       >
         {localeMenuItems}
       </Select>
@@ -82,4 +82,9 @@ const styles = (theme: Theme) => ({
   },
 })
 
-export default withStyles(styles)(connect(mapStateToProps, mapDispatchToProps)(TimeLocaleSettings))
+export default withStyles(styles)(
+  connect(
+    mapStateToProps,
+    mapDispatchToProps
+  )(TimeLocaleSettings)
+)