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 0d3497f51..f12d9230a 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 }) => { const renderModalTitle = () => { switch (step) { case 0: - return ; + return ; case 1: return ; default: diff --git a/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx b/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx index 28fc8621f..97077353c 100644 --- a/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx +++ b/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx @@ -1,15 +1,32 @@ import React from 'react'; +import { FormattedMessage } from 'react-intl'; -import { Stack } from 'soapbox/components/ui'; +import Button from 'soapbox/components/ui/button/button'; +import Stack from 'soapbox/components/ui/stack/stack'; +import { signer } from 'soapbox/features/nostr/sign'; interface IExtensionStep { setStep: (step: number) => void; } -const ExtensionStep: React.FC = () => { +const ExtensionStep: React.FC = ({ setStep }) => { + const onClick = () => { + signer!.getPublicKey(); + }; + + const onClickAlt = () => { + setStep(1); + }; + return ( - - extension step + + + + ); };