diff --git a/libs/remix-ui/git/src/components/github/devicecode.tsx b/libs/remix-ui/git/src/components/github/devicecode.tsx index 583aeb98c0..352a5e0760 100644 --- a/libs/remix-ui/git/src/components/github/devicecode.tsx +++ b/libs/remix-ui/git/src/components/github/devicecode.tsx @@ -4,9 +4,8 @@ import { gitPluginContext } from "../gitui"; import axios from "axios"; import { CopyToClipboard } from "@remix-ui/clipboard"; import { Card } from "react-bootstrap"; -import { IGitUi } from '../../types' -export const GetDeviceCode = (props: IGitUi) => { +export const GetDeviceCode = () => { const context = React.useContext(gitPluginContext) const actions = React.useContext(gitActionsContext) const pluginActions = React.useContext(pluginActionsContext) @@ -67,7 +66,7 @@ export const GetDeviceCode = (props: IGitUi) => { setGitHubResponse(null) await pluginActions.saveToken(null) await actions.loadGitHubUserFromToken() - props.plugin.emit('disconnectFromGithub') + pluginActions.disconnectFromGithub() } return ( diff --git a/libs/remix-ui/git/src/components/gitui.tsx b/libs/remix-ui/git/src/components/gitui.tsx index 5e0692d882..ceb4d0afb2 100644 --- a/libs/remix-ui/git/src/components/gitui.tsx +++ b/libs/remix-ui/git/src/components/gitui.tsx @@ -1,7 +1,7 @@ import React, { useEffect, useReducer, useState } from 'react' import { add, addall, checkout, checkoutfile, clone, commit, createBranch, remoteBranches, repositories, rm, getCommitChanges, diff, resolveRef, getBranchCommits, setUpstreamRemote, loadGitHubUserFromToken, getBranches, getRemotes, remoteCommits, saveGitHubCredentials, getGitHubCredentialsFromLocalStorage, fetch, pull, push, setDefaultRemote, addRemote, removeRemote, sendToGitLog, clearGitLog, getBranchDifferences, getFileStatusMatrix, init, showAlert, gitlog } from '../lib/gitactions' import { loadFiles, setCallBacks } from '../lib/listeners' -import { openDiff, openFile, saveToken, setModifiedDecorator, setPlugin, setUntrackedDecorator, statusChanged } from '../lib/pluginActions' +import { openDiff, openFile, saveToken, setModifiedDecorator, setPlugin, setUntrackedDecorator, statusChanged, disconnectFromGithub, logInGitHub } from '../lib/pluginActions' import { gitActionsContext, pluginActionsContext } from '../state/context' import { gitReducer } from '../state/gitreducer' import { defaultGitState, defaultLoaderState, gitState, loaderState } from '../types' @@ -154,7 +154,9 @@ export const GitUI = (props: IGitUi) => { saveToken, saveGitHubCredentials, getGitHubCredentialsFromLocalStorage, - showAlert + showAlert, + disconnectFromGithub, + logInGitHub } return ( @@ -166,16 +168,16 @@ export const GitUI = (props: IGitUi) => { - {setup ? : null} + {setup ? : null} {!setup && needsInit ? : null} {!setup && !needsInit ? <> - +
- +

diff --git a/libs/remix-ui/git/src/components/panels/githubcredentials.tsx b/libs/remix-ui/git/src/components/panels/githubcredentials.tsx index 7c8c6cf127..59b6974f93 100644 --- a/libs/remix-ui/git/src/components/panels/githubcredentials.tsx +++ b/libs/remix-ui/git/src/components/panels/githubcredentials.tsx @@ -5,9 +5,8 @@ import { CustomTooltip } from "@remix-ui/helper"; import { useIntl, FormattedMessage } from "react-intl"; import { CopyToClipboard } from "@remix-ui/clipboard"; -import { IGitUi } from '../../types' -export const GitHubCredentials = (props: IGitUi) => { +export const GitHubCredentials = () => { const context = React.useContext(gitPluginContext) const pluginactions = React.useContext(pluginActionsContext) const loader = React.useContext(loaderContext) @@ -53,7 +52,7 @@ export const GitHubCredentials = (props: IGitUi) => { setGithubToken(credentials.token || '') setGithubUsername(credentials.username || '') setGithubEmail(credentials.email || '') - props.plugin.emit('loggedInGithubChanged') + pluginactions.logInGitHub() } function removeToken(): void { @@ -65,7 +64,7 @@ export const GitHubCredentials = (props: IGitUi) => { email: '', token: '' }) - props.plugin.emit('disconnectFromGithub') + pluginactions.disconnectFromGithub() } return ( diff --git a/libs/remix-ui/git/src/components/panels/setup.tsx b/libs/remix-ui/git/src/components/panels/setup.tsx index 6c3a08f438..e3ac0e1f12 100644 --- a/libs/remix-ui/git/src/components/panels/setup.tsx +++ b/libs/remix-ui/git/src/components/panels/setup.tsx @@ -3,7 +3,7 @@ import { GetDeviceCode } from '../github/devicecode' import { GitHubCredentials } from './githubcredentials' import { IGitUi } from '../../types' -export const Setup = (props: IGitUi) => { +export const Setup = () => { const [screen, setScreen] = useState(0) @@ -16,9 +16,9 @@ export const Setup = (props: IGitUi) => { To ensure that your commits are properly attributed in Git, you need to configure a username and email address. These will be used to identify the author of the commit. - +
- + ) @@ -29,7 +29,7 @@ export const Setup = (props: IGitUi) => {
Step 2
To ensure that your commits are properly attributed in Git, you need to configure your username and email address. - +
) diff --git a/libs/remix-ui/git/src/lib/pluginActions.ts b/libs/remix-ui/git/src/lib/pluginActions.ts index ece2b3953a..075043aba5 100644 --- a/libs/remix-ui/git/src/lib/pluginActions.ts +++ b/libs/remix-ui/git/src/lib/pluginActions.ts @@ -14,6 +14,14 @@ export const setPlugin = (p: Plugin, gitDispatcher: React.D loaderDispatch = loaderDispatcher } +export const disconnectFromGithub = () => { + plugin.emit('disconnectFromGithub') +} + +export const logInGitHub = () => { + plugin.emit('loggedInGithubChanged') +} + export const statusChanged = (badges: number) => { if (!plugin) return plugin.emit('statusChanged', { diff --git a/libs/remix-ui/git/src/state/context.tsx b/libs/remix-ui/git/src/state/context.tsx index 4608406a7f..47d42f3439 100644 --- a/libs/remix-ui/git/src/state/context.tsx +++ b/libs/remix-ui/git/src/state/context.tsx @@ -54,6 +54,8 @@ export interface pluginActions { token: string }> showAlert({ title, message }:{title: string, message: string}): Promise + logInGitHub(): void + disconnectFromGithub(): void } export const pluginActionsContext = React.createContext(null) \ No newline at end of file diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx index 723061b395..7c5319ce7a 100644 --- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx +++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx @@ -92,7 +92,7 @@ export function Workspace() { }) } } - global.plugin.on('dgit', 'disconnectFromGithub', () => { + global.plugin.on('dgit', 'disconnectFromGithubRequest', () => { setState((prevState) => { return { ...prevState, loggedInGithub: false, githubUser: null } })