shared/chat/conversation/messages/system-git-push/wrapper.tsx - master - githubmirror/client

shared/chat/conversation/messages/system-git-push/wrapper.tsx
196 строк6 KB
chrisnojima
refactor(styles): theme via hooks, no android remount (#29515)
08 авг 2026, 02:24
08 авг 2026, 02:24a41d38e
import * as Chat from '@/constants/chat'
import type * as React from 'react'
import * as T from '@/constants/types'
import * as Kb from '@/common-adapters'
import TimelineMarker from './timeline-marker'
import UserNotice from '../user-notice'
import * as FS from '@/constants/fs'
import {useCurrentUserState} from '@/stores/current-user'
import {navigateAppend} from '@/constants/router'
import {makeMessageWrapper} from '../wrapper/wrapper'

type OwnProps = {message: T.Chat.MessageSystemGitPush}

function GitContainer(p: OwnProps) {
  const {message} = p
  const onClickCommit = (commitHash: string) => {
    const path = T.FS.stringToPath(
      '/keybase/team/' +
        message.team +
        '/.kbfs_autogit/' +
        message.repo +
        '/.kbfs_autogit_commit_' +
        commitHash
    )
    FS.navToPath(path)
  }
  const you = useCurrentUserState(s => s.username)
  const onViewGitRepo = (repoID: string, teamname: string) => {
    navigateAppend({name: 'gitRoot', params: {expandedRepoID: repoID, expandedTeamname: teamname}})
  }

  const {repo, repoID, refs, pushType, pusher, team} = message
  const gitType = T.RPCGen.GitPushType[pushType]

  switch (gitType) {
    case 'default':
      return (
        <>
          {refs?.map(ref => {
            const branchName = Chat.systemGitBranchName(ref)
            return (
              <GitPushCommon key={branchName}>
                <GitPushDefault
                  commitRef={ref}
                  branchName={branchName}
                  pusher={pusher}
                  repo={repo}
                  repoID={repoID}
                  team={team}
                  onViewGitRepo={onViewGitRepo}
                  onClickCommit={onClickCommit}
                  you={you}
                />
              </GitPushCommon>
            )
          })}
        </>
      )
    case 'createrepo':
      return (
        <GitPushCommon>
          <GitPushCreate
            pusher={pusher}
            repo={repo}
            repoID={repoID}
            team={team}
            onViewGitRepo={onViewGitRepo}
            you={you}
          />
        </GitPushCommon>
      )
    // FIXME: @Jacob - The service has not implemented 'renamerepo' yet, so we don't render anything
    default:
      return null
  }
}

type CreateProps = {
  pusher: string
  repo: string
  repoID: string
  team: string
  onViewGitRepo: (repoID: string, teamname: string) => void
  you: string
}
const GitPushCreate = (props: CreateProps) => {
  const {you, pusher, repo, repoID, team, onViewGitRepo} = props
  return (
    <Kb.Text type="BodySmall">
      {pusher === you ? 'You ' : ''}created a new team repository called{` `}
      <Kb.Text type="BodySmallPrimaryLink" onClick={repoID ? () => onViewGitRepo(repoID, team) : undefined}>
        {repo}
      </Kb.Text>
      .
    </Kb.Text>
  )
}

type PushDefaultProps = {
  pusher: string
  commitRef: T.RPCGen.GitRefMetadata
  repo: string
  repoID: string
  team: string
  branchName: string
  onViewGitRepo: (repoID: string, teamname: string) => void
  onClickCommit: (hash: string) => void
  you: string
}
const GitPushDefault = (props: PushDefaultProps) => {
  const styles = useStyles()
  const {pusher, you, commitRef, repo, repoID, team, branchName, onViewGitRepo, onClickCommit} = props
  return (
    <Kb.Box2 direction="vertical" gap="xtiny" alignSelf="flex-start">
      <Kb.Text type="BodySmall">
        {pusher === you ? 'You ' : ''}pushed {!!commitRef.commits && commitRef.commits.length}{' '}
        {`commit${!!commitRef.commits && commitRef.commits.length !== 1 ? 's' : ''}`} to
        <Kb.Text
          type="BodySmall"
          style={repoID ? styles.repoText : undefined}
          onClick={repoID ? () => onViewGitRepo(repoID, team) : undefined}
        >{` ${repo}/${branchName}`}</Kb.Text>
        :
      </Kb.Text>
      <Kb.Box2 direction="vertical" alignSelf="flex-start">
        {(commitRef.commits || []).map((commit, i) => (
          <Kb.Box2 direction="horizontal" key={commit.commitHash} alignSelf="flex-start">
            <TimelineMarker
              idx={i}
              max={commitRef.commits ? commitRef.commits.length - 1 : 0}
              style={styles.marker}
            />
            <Kb.Box2 direction="horizontal" alignItems="flex-start" style={styles.hashAndMessage}>
              <Kb.Box2 direction="vertical" fullHeight={true} style={styles.dot}>
                <Kb.Text
                  type="Terminal"
                  style={styles.commitHash}
                  onClick={() => onClickCommit(commit.commitHash)}
                >
                  {commit.commitHash.substring(0, 8)}
                </Kb.Text>
              </Kb.Box2>
              <Kb.Box2 direction="vertical" fullHeight={true}>
                <Kb.Text type="BodySmall" selectable={true} style={styles.commitMessage} lineClamp={1}>
                  {commit.message}
                </Kb.Text>
              </Kb.Box2>
            </Kb.Box2>
          </Kb.Box2>
        ))}
      </Kb.Box2>
    </Kb.Box2>
  )
}

type PushCommonProps = {
  children: React.ReactNode
}

const GitPushCommon = ({children}: PushCommonProps) => <UserNotice>{children}</UserNotice>

const useStyles = Kb.Styles.createStyleHook(
  theme =>
    ({
      commitHash: Kb.Styles.platformStyles({
        common: {
          color: theme.blueDarkOrBlueLight,
          fontSize: 12,
          lineHeight: 16,
        },
      }),
      commitMessage: {
        textAlign: 'left',
      },
      dot: {
        backgroundColor: theme.blueLighter_20,
        borderRadius: 3,
        marginBottom: 1,
        marginRight: Kb.Styles.globalMargins.xtiny,
        padding: 2,
      },
      hashAndMessage: {
        height: 18,
        ...Kb.Styles.marginV(Kb.Styles.globalMargins.xtiny),
      },
      marker: {
        flexShrink: 0,
        marginRight: Kb.Styles.globalMargins.xtiny,
        ...(isMobile ? {marginTop: -3} : null),
        minWidth: 0,
      },
      repoText: {color: theme.black_50},
    }) as const
)

export default makeMessageWrapper('systemGitPush', message => <GitContainer message={message} />)