shared/git/select-channel.tsx - master - githubmirror/client

shared/git/select-channel.tsx
99 строк3 KB
chrisnojima
refactor(styles): theme via hooks, no android remount (#29515)
08 авг 2026, 02:24
08 авг 2026, 02:24a41d38e
import * as Kb from '@/common-adapters'
import * as React from 'react'
import * as C from '@/constants'
import * as T from '@/constants/types'
import {useAllChannelMetas} from '../teams/common/channel-hooks'
import {useSafeNavigation} from '@/util/safe-navigation'

type OwnProps = {
  teamID: T.Teams.TeamID
  repoID: string
  selected: string
  teamname: string
}

const SelectChannel = (ownProps: OwnProps) => {
  const styles = useStyles()
  const {teamID, repoID, teamname} = ownProps
  const _selected = ownProps.selected
  const {channelMetas} = useAllChannelMetas(teamID)
  const submitting = C.Waiting.useAnyWaiting(C.waitingKeyGitLoading)
  const waiting = channelMetas.size === 0 || submitting
  const channelNames = [...channelMetas.values()].map(info => info.channelname)
  const [selected, setSelected] = React.useState(_selected)
  const [error, setError] = React.useState('')
  const {safeNavigateUp} = useSafeNavigation()
  const setTeamRepoSettings = C.useRPC(T.RPCGen.gitSetTeamRepoSettingsRpcPromise)
  const onSubmit = (channelName: string) =>
    setTeamRepoSettings(
      [
        {
          channelName,
          chatDisabled: false,
          folder: {
            created: false,
            folderType: T.RPCGen.FolderType.team,
            name: teamname,
          },
          repoID,
        },
        C.waitingKeyGitLoading,
      ],
      () => {
        safeNavigateUp()
      },
      err => {
        setError(err.message)
      }
    )
  const onCancel = () => C.Router2.navigateUp()

  const submit = () => {
    setError('')
    onSubmit(selected)
  }

  return (
    <Kb.Box2 direction="vertical" fullHeight={true} style={styles.container}>
      <Kb.ScrollView contentContainerStyle={styles.scrollContainer}>
        <Kb.Box2 direction="vertical" fullWidth={true} style={styles.innerContainer} gap="tiny">
          <Kb.Text type="Header">Select a channel</Kb.Text>
          <Kb.ErrorBanner error={error} />
          {channelNames.map(name => (
            <Kb.Box2 key={name} direction="horizontal" fullWidth={true} style={styles.row}>
              <Kb.RadioButton
                label={name}
                selected={selected === name}
                style={styles.radioButton}
                onSelect={selected => selected && setSelected(name)}
              />
            </Kb.Box2>
          ))}
        </Kb.Box2>
      </Kb.ScrollView>
      <Kb.ButtonBar>
        <Kb.Button label="Cancel" onClick={onCancel} small={true} type="Dim" />
        <Kb.Button waiting={waiting} label="Submit" onClick={submit} small={true} />
      </Kb.ButtonBar>
    </Kb.Box2>
  )
}

const useStyles = Kb.Styles.createStyleHook(() => ({
  container: {
    width: isMobile ? '100%' : 300,
  },
  innerContainer: {
    ...Kb.Styles.paddingV(Kb.Styles.globalMargins.xtiny),
  },
  radioButton: {
    ...Kb.Styles.globalStyles.flexBoxRow,
    marginLeft: Kb.Styles.globalMargins.tiny,
  },
  row: {
    ...Kb.Styles.paddingH(Kb.Styles.globalMargins.tiny),
  },
  scrollContainer: {padding: Kb.Styles.globalMargins.small},
}))

export default SelectChannel