githubmirror/client

shared/settings/render.tsx
82 строки2 KB
Chris Ball
Fix a msytery More badge on iPad, due to notifications off not being plumbed through (#23659)
11 апр 2020, 08:40
11 апр 2020, 08:4014ab2ce
import * as React from 'react'
import * as Container from '../util/container'
import * as Styles from '../styles'
import SettingsNav from './nav'
import {Box} from '../common-adapters'
import {Tab} from '../constants/tabs'
import {SettingsTab} from '../constants/settings'

type Props = {
  badgeNotifications: boolean
  badgeNumbers: Map<Tab, number>
  children: React.ReactNode
  hasRandomPW?: boolean
  loadHasRandomPW: () => void
  contactsLabel: string
  logoutInProgress: boolean
  onLogout: () => void
  onTabChange: (tab: SettingsTab) => void
  selectedTab: SettingsTab
}

const SettingsRender = (props: Props) => {
  const {loadHasRandomPW} = props
  React.useEffect(() => {
    loadHasRandomPW()
  }, [loadHasRandomPW])
  const SettingsNavComponent = (
    <SettingsNav
      badgeNotifications={props.badgeNotifications}
      badgeNumbers={props.badgeNumbers}
      contactsLabel={props.contactsLabel}
      logoutInProgress={props.logoutInProgress}
      selectedTab={props.selectedTab}
      onTabChange={props.onTabChange}
      onLogout={props.onLogout}
      hasRandomPW={props.hasRandomPW || null}
    />
  )
  return Container.isPhone ? (
    SettingsNavComponent
  ) : (
    <Box style={styles.container}>
      <Box style={styles.row}>
        {SettingsNavComponent}
        <Box style={styles.overflowRow}>{props.children}</Box>
      </Box>
    </Box>
  )
}
SettingsRender.navigationOptions = Container.isPhone
  ? {
      header: undefined,
      title: 'More',
    }
  : {
      header: null,
    }

const styles = Styles.styleSheetCreate(() => ({
  container: {
    ...Styles.globalStyles.flexBoxColumn,
    flex: 1,
    height: '100%',
  },
  overflowRow: Styles.platformStyles({
    common: {
      ...Styles.globalStyles.flexBoxRow,
      flex: 1,
      height: '100%',
    },
    isElectron: {
      overflow: 'auto',
    },
  }),
  row: {
    ...Styles.globalStyles.flexBoxRow,
    flex: 1,
    height: '100%',
  },
}))

export default SettingsRender