From 20328961fd1c3eabc663a57ec9ff1d1f8ff8cb85 Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Fri, 16 Feb 2024 17:47:43 -0600 Subject: [PATCH] Fill out KeyStep --- .../nostr-signin-modal/nostr-signin-modal.tsx | 4 +++- .../steps/identity-step.tsx | 2 +- .../nostr-signin-modal/steps/key-step.tsx | 20 ++++++++++++++++--- 3 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/features/ui/components/modals/nostr-signin-modal/nostr-signin-modal.tsx b/src/features/ui/components/modals/nostr-signin-modal/nostr-signin-modal.tsx index 186d5169e9..479ea53e58 100644 --- a/src/features/ui/components/modals/nostr-signin-modal/nostr-signin-modal.tsx +++ b/src/features/ui/components/modals/nostr-signin-modal/nostr-signin-modal.tsx @@ -29,7 +29,7 @@ const NostrSigninModal: React.FC = ({ onClose }) => { case 1: return ; case 2: - return ; + return ; case 3: return ; case 4: @@ -45,6 +45,8 @@ const NostrSigninModal: React.FC = ({ onClose }) => { return ; case 2: return ; + case 3: + return ; default: return null; } diff --git a/src/features/ui/components/modals/nostr-signin-modal/steps/identity-step.tsx b/src/features/ui/components/modals/nostr-signin-modal/steps/identity-step.tsx index 853e57dc8b..373b8cfcfc 100644 --- a/src/features/ui/components/modals/nostr-signin-modal/steps/identity-step.tsx +++ b/src/features/ui/components/modals/nostr-signin-modal/steps/identity-step.tsx @@ -29,7 +29,7 @@ const IdentityStep: React.FC = ({ username, setUsername, setStep - + diff --git a/src/features/ui/components/modals/nostr-signin-modal/steps/key-step.tsx b/src/features/ui/components/modals/nostr-signin-modal/steps/key-step.tsx index 101db28b57..530af4f4a4 100644 --- a/src/features/ui/components/modals/nostr-signin-modal/steps/key-step.tsx +++ b/src/features/ui/components/modals/nostr-signin-modal/steps/key-step.tsx @@ -1,14 +1,28 @@ import React from 'react'; +import Button from 'soapbox/components/ui/button/button'; import Stack from 'soapbox/components/ui/stack/stack'; +import NostrExtensionIndicator from '../nostr-extension-indicator'; + interface IKeyStep { + setStep(step: number): void; } -const KeyStep: React.FC = () => { +const KeyStep: React.FC = ({ setStep }) => { return ( - - key step + + + + + + + + ); };