Update code formatting

2019-06-15 14:56:57 +02:00
parent 6176859c7c
commit 92e045297e
115 changed files with 2988 additions and 1042 deletions
--- a/app/src/components/SettingsDrawer/BooleanSwitch.tsx
+++ b/app/src/components/SettingsDrawer/BooleanSwitch.tsx
@@ -1,14 +1,9 @@
 import * as React from 'react'
-import {
-  InputLabel,
-  Switch,
-  Theme,
-  Tooltip
-  } from '@material-ui/core'
+import { InputLabel, Switch, Theme, Tooltip } from '@material-ui/core'
 import { withStyles } from '@material-ui/styles'
 const sha1 = require('sha1')

-function BooleanSwitch(props: {title: string, value: boolean, tooltip: string, action: () => void, classes: any}) {
+function BooleanSwitch(props: { title: string; value: boolean; tooltip: string; action: () => void; classes: any }) {
  const { tooltip, value, action, title, classes } = props

  const clickHandler = (e: React.MouseEvent) => {
@@ -20,21 +15,12 @@ function BooleanSwitch(props: {title: string, value: boolean, tooltip: string, a
  return (
    <div style={{ padding: '8px', display: 'flex' }}>
      <Tooltip title={tooltip}>
-        <InputLabel
-          htmlFor={`toggle-${sha1(title)}`}
-          onClick={clickHandler}
-          className={classes.label}
-        >
+        <InputLabel htmlFor={`toggle-${sha1(title)}`} onClick={clickHandler} className={classes.label}>
          {title}
        </InputLabel>
      </Tooltip>
      <Tooltip title={tooltip}>
-        <Switch
-          name={`toggle-${sha1(title)}`}
-          checked={value}
-          onChange={action}
-          color="primary"
-        />
+        <Switch name={`toggle-${sha1(title)}`} checked={value} onChange={action} color="primary" />
      </Tooltip>
    </div>
  )
--- a/app/src/components/SettingsDrawer/BrokerStatistics.tsx
+++ b/app/src/components/SettingsDrawer/BrokerStatistics.tsx
@@ -112,13 +112,17 @@ class BrokerStatistics extends React.Component<Props, {}> {
    }

    const str = node.message.value ? Base64Message.toUnicodeString(node.message.value) : ''
-    let value = (node.message && node.message.value) ? parseFloat(str) : NaN
+    let value = node.message && node.message.value ? parseFloat(str) : NaN
    value = !isNaN(value) ? abbreviate(value) : str

    return (
      <div key={stat.title}>
-        <Typography><b>{stat.title}</b></Typography>
-        <Typography style={{ paddingLeft: '8px' }}><i>{value}</i></Typography>
+        <Typography>
+          <b>{stat.title}</b>
+        </Typography>
+        <Typography style={{ paddingLeft: '8px' }}>
+          <i>{value}</i>
+        </Typography>
      </div>
    )
  }
--- a/app/src/components/SettingsDrawer/Settings.tsx
+++ b/app/src/components/SettingsDrawer/Settings.tsx
@@ -23,25 +23,32 @@ import {
  Tooltip,
 } from '@material-ui/core'

-export const autoExpandLimitSet = [{
-  limit: 0,
-  name: 'Collapsed',
-}, {
-  limit: 2,
-  name: 'Few',
-}, {
-  limit: 5,
-  name: 'Some',
-}, {
-  limit: 15,
-  name: 'Most',
-}, {
-  limit: 30,
-  name: 'Most',
-}, {
-  limit: 1E6,
-  name: 'All',
-}]
+export const autoExpandLimitSet = [
+  {
+    limit: 0,
+    name: 'Collapsed',
+  },
+  {
+    limit: 2,
+    name: 'Few',
+  },
+  {
+    limit: 5,
+    name: 'Some',
+  },
+  {
+    limit: 15,
+    name: 'Most',
+  },
+  {
+    limit: 30,
+    name: 'Most',
+  },
+  {
+    limit: 1e6,
+    name: 'All',
+  },
+]

 const styles = (theme: Theme) => ({
  drawer: {
@@ -70,8 +77,8 @@ const styles = (theme: Theme) => ({

 interface Props {
  actions: {
-    settings: typeof settingsActions,
-    global: typeof globalActions,
+    settings: typeof settingsActions
+    global: typeof globalActions
  }
  autoExpandLimit: number
  classes: any
@@ -96,29 +103,56 @@ class Settings extends React.Component<Props, {}> {
  private renderHighlightTopicUpdates() {
    const { highlightTopicUpdates, actions } = this.props

-    return <BooleanSwitch title="Show Activity" tooltip="Topics blink when a new message arrives" value={highlightTopicUpdates} action={actions.settings.toggleHighlightTopicUpdates}/>
+    return (
+      <BooleanSwitch
+        title="Show Activity"
+        tooltip="Topics blink when a new message arrives"
+        value={highlightTopicUpdates}
+        action={actions.settings.toggleHighlightTopicUpdates}
+      />
+    )
  }

  private selectTopicsOnMouseOver() {
    const { actions, selectTopicWithMouseOver } = this.props
    const toggle = () => actions.settings.selectTopicWithMouseOver(!selectTopicWithMouseOver)

-    return <BooleanSwitch title="Quick Preview" tooltip="Select topics on mouse over" value={selectTopicWithMouseOver} action={toggle} />
+    return (
+      <BooleanSwitch
+        title="Quick Preview"
+        tooltip="Select topics on mouse over"
+        value={selectTopicWithMouseOver}
+        action={toggle}
+      />
+    )
  }

  private toggleTheme() {
    const { actions, theme } = this.props

-    return <BooleanSwitch title="Dark Mode" tooltip="Enable dark theme" value={theme === 'dark'} action={actions.settings.toggleTheme} />
+    return (
+      <BooleanSwitch
+        title="Dark Mode"
+        tooltip="Enable dark theme"
+        value={theme === 'dark'}
+        action={actions.settings.toggleTheme}
+      />
+    )
  }

  private renderAutoExpand() {
    const { classes, autoExpandLimit } = this.props

-    const limits = autoExpandLimitSet.map(limit => <MenuItem key={limit.limit} value={limit.limit}>{limit.limit < 10000 && limit.limit > 0 ? `≤ ${limit.limit} topics` : limit.name}</MenuItem>)
+    const limits = autoExpandLimitSet.map(limit => (
+      <MenuItem key={limit.limit} value={limit.limit}>
+        {limit.limit < 10000 && limit.limit > 0 ? `≤ ${limit.limit} topics` : limit.name}
+      </MenuItem>
+    ))
    return (
      <div style={{ padding: '8px', display: 'flex' }}>
-        <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>Auto Expand</InputLabel>
+        <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>
+          Auto Expand
+        </InputLabel>
        <Select
          value={autoExpandLimit}
          onChange={this.onChangeAutoExpand}
@@ -133,7 +167,7 @@ class Settings extends React.Component<Props, {}> {
    )
  }

-  private onChangeAutoExpand = (e: React.ChangeEvent<{value: unknown}>) => {
+  private onChangeAutoExpand = (e: React.ChangeEvent<{ value: unknown }>) => {
    this.props.actions.settings.setAutoExpandLimit(parseInt(String(e.target.value), 10))
  }

@@ -142,7 +176,9 @@ class Settings extends React.Component<Props, {}> {

    return (
      <div style={{ padding: '8px', display: 'flex' }}>
-        <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>Topic Order</InputLabel>
+        <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>
+          Topic Order
+        </InputLabel>
        <Select
          value={topicOrder}
          onChange={this.onChangeSorting}
@@ -152,32 +188,26 @@ class Settings extends React.Component<Props, {}> {
          className={classes.input}
          style={{ flex: '1' }}
        >
-          <MenuItem value={TopicOrder.none}><em>default</em></MenuItem>
+          <MenuItem value={TopicOrder.none}>
+            <em>default</em>
+          </MenuItem>
          <MenuItem value={TopicOrder.abc}>a-z</MenuItem>
          <MenuItem value={TopicOrder.messages}>{TopicOrder.messages}</MenuItem>
          <MenuItem value={TopicOrder.topics}>{TopicOrder.topics}</MenuItem>
        </Select>
-    </div>)
+      </div>
+    )
  }

-  private onChangeSorting = (e: React.ChangeEvent<{value: unknown}>) => {
+  private onChangeSorting = (e: React.ChangeEvent<{ value: unknown }>) => {
    this.props.actions.settings.setTopicOrder(e.target.value as TopicOrder)
  }

  public render() {
    const { classes, actions, visible } = this.props
    return (
-      <Drawer
-        anchor="left"
-        className={classes.drawer}
-        open={visible}
-        variant="persistent"
-      >
-        <div
-          className={classes.paper}
-          tabIndex={0}
-          role="button"
-        >
+      <Drawer anchor="left" className={classes.drawer} open={visible} variant="persistent">
+        <div className={classes.paper} tabIndex={0} role="button">
          <Typography className={classes.title} variant="h6" color="inherit">
            <IconButton onClick={actions.global.toggleSettingsVisibility}>
              <ChevronRight />
@@ -225,4 +255,9 @@ const mapDispatchToProps = (dispatch: any) => {
  }
 }

-export default withStyles(styles)(connect(mapStateToProps, mapDispatchToProps)(Settings))
+export default withStyles(styles)(
+  connect(
+    mapStateToProps,
+    mapDispatchToProps
+  )(Settings)
+)
--- a/app/src/components/SettingsDrawer/TimeLocale.tsx
+++ b/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)
+)