adding PR change.

This commit is contained in:
Warrick Corfe-Tan 2021-08-19 13:39:51 +10:00
parent 4564863dd5
commit 665c717271
2 changed files with 19 additions and 18 deletions

View file

@ -160,11 +160,15 @@ export enum RegistrationPhase {
interface RegistrationPhaseContext {
registrationPhase: RegistrationPhase;
setRegistrationPhase: (phase: RegistrationPhase) => void;
generatedRecoveryPhrase: string;
hexGeneratedPubKey: string;
}
export const RegistrationContext = createContext<RegistrationPhaseContext>({
registrationPhase: RegistrationPhase.Start,
setRegistrationPhase: () => undefined,
generatedRecoveryPhrase: '',
hexGeneratedPubKey: '',
});
export const RegistrationStages = () => {
@ -199,15 +203,16 @@ export const RegistrationStages = () => {
return (
<div className="session-registration-container">
<RegistrationContext.Provider value={{ registrationPhase, setRegistrationPhase }}>
<RegistrationContext.Provider
value={{
registrationPhase,
setRegistrationPhase,
generatedRecoveryPhrase,
hexGeneratedPubKey,
}}
>
{(registrationPhase === RegistrationPhase.Start ||
registrationPhase === RegistrationPhase.SignUp) && (
<SignUpTab
generatedRecoveryPhrase={generatedRecoveryPhrase}
hexGeneratedPubKey={hexGeneratedPubKey}
// setRegistrationPhase={setRegistrationPhase}
/>
)}
registrationPhase === RegistrationPhase.SignUp) && <SignUpTab />}
{(registrationPhase === RegistrationPhase.Start ||
registrationPhase === RegistrationPhase.SignIn) && <SignInTab />}
</RegistrationContext.Provider>

View file

@ -11,12 +11,6 @@ export enum SignUpMode {
EnterDetails,
}
export interface Props {
// tslint:disable: react-unused-props-and-state
generatedRecoveryPhrase: string;
hexGeneratedPubKey: string;
}
const CreateSessionIdButton = ({ createSessionID }: { createSessionID: any }) => {
return (
<SessionButton
@ -61,8 +55,10 @@ const SignUpSessionIDShown = (props: { continueSignUp: () => void }) => {
);
};
export const SignUpTab = (props: Props) => {
const { setRegistrationPhase } = useContext(RegistrationContext);
export const SignUpTab = () => {
const { setRegistrationPhase, generatedRecoveryPhrase, hexGeneratedPubKey } = useContext(
RegistrationContext
);
const [signUpMode, setSignUpMode] = useState(SignUpMode.Default);
const [displayName, setDisplayName] = useState('');
@ -70,7 +66,7 @@ export const SignUpTab = (props: Props) => {
useEffect(() => {
if (signUpMode === SignUpMode.SessionIDShown) {
window.Session.setNewSessionID(props.hexGeneratedPubKey);
window.Session.setNewSessionID(hexGeneratedPubKey);
}
}, [signUpMode]);
@ -104,7 +100,7 @@ export const SignUpTab = (props: Props) => {
const signUpWithDetails = async () => {
await signUp({
displayName,
generatedRecoveryPhrase: props.generatedRecoveryPhrase,
generatedRecoveryPhrase: generatedRecoveryPhrase,
});
};