shared/profile/pgp/import.tsx - master - githubmirror/client

shared/profile/pgp/import.tsx

59 строк2 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 C from '@/constants'
import Modal from '@/profile/modal'
import {PgpMobileUnsupported} from './choice'

export default function Import() {
  const styles = useStyles()
  const navigateUp = C.Router2.navigateUp
  const onCancel = () => {
    navigateUp()
  }

  if (isMobile) {
    return <PgpMobileUnsupported onCancel={onCancel} />
  }

  return (
    <Modal onCancel={onCancel}>
      <Kb.ImageIcon type="icon-pgp-key-import-48" />
      <Kb.Text style={styles.header} type="Header">
        Import a PGP key
      </Kb.Text>
      <Kb.Text style={styles.body} type="Body">
        To register your existing PGP public key on Keybase, please run the following command from your
        terminal:
      </Kb.Text>
      <Kb.Box2 direction="vertical" fullWidth={true} style={styles.terminal}>
        <Kb.Text type="TerminalComment">{"# import a key from gpg's key chain"}</Kb.Text>
        <Kb.Text type="Terminal">keybase pgp select</Kb.Text>
        <Kb.Text type="TerminalEmpty" />
        <Kb.Text type="TerminalComment"># for more options</Kb.Text>
        <Kb.Text type="Terminal">keybase pgp help</Kb.Text>
      </Kb.Box2>
    </Modal>
  )
}

const useStyles = Kb.Styles.createStyleHook(
  theme =>
    ({
      body: {
        ...Kb.Styles.marginV(Kb.Styles.globalMargins.small),
      },
      header: {
        marginTop: Kb.Styles.globalMargins.medium,
      },
      terminal: Kb.Styles.platformStyles({
        isElectron: {
          backgroundColor: theme.blueDarker2,
          borderRadius: Kb.Styles.borderRadius,
          boxSizing: 'content-box',
          color: theme.white,
          ...Kb.Styles.marginH(-Kb.Styles.globalMargins.medium),
          padding: Kb.Styles.globalMargins.medium,
          textAlign: 'left',
        } as const,
      }),
    }) as const
)