saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-09-23 17:56:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Further simplify signup

Browse Source
This commit is contained in:
Chad Curtis 2025-09-01 19:47:39 +00:00
parent be0f74543c
commit 8ff4046308
1 changed files with 0 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/auth/SignupDialog.tsx
View File

@ -244,44 +244,31 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
const getTitle = () => { const getTitle = () => {
if (step === 'welcome') return ( if (step === 'welcome') return (
<span className="flex items-center justify-center gap-2"> <span className="flex items-center justify-center gap-2">
<UserPlus className="w-5 h-5 text-primary" />
Create Your Account Create Your Account
</span> </span>
); );
if (step === 'generate') return ( if (step === 'generate') return (
<span className="flex items-center justify-center gap-2"> <span className="flex items-center justify-center gap-2">
<Wand2 className="w-5 h-5 text-primary" />
Generating Your Key Generating Your Key
</span> </span>
); );
if (step === 'download') return ( if (step === 'download') return (
<span className="flex items-center justify-center gap-2"> <span className="flex items-center justify-center gap-2">
<Lock className="w-5 h-5 text-primary" />
Secret Key Secret Key
</span> </span>
); );
if (step === 'profile') return ( if (step === 'profile') return (
<span className="flex items-center justify-center gap-2"> <span className="flex items-center justify-center gap-2">
<FileSignature className="w-5 h-5 text-primary" />
Create Your Profile Create Your Profile
</span> </span>
); );
return ( return (
<span className="flex items-center justify-center gap-2"> <span className="flex items-center justify-center gap-2">
<User className="w-5 h-5 text-primary" />
Welcome! Welcome!
</span> </span>
); );
}; };
const getDescription = () => {
if (step === 'welcome') return 'Ready to join the Nostr network?';
if (step === 'generate') return 'Creating your secret key to access Nostr.';
if (step === 'profile') return 'Tell others about yourself.';
return 'Your account is ready!';
};
// Reset state when dialog opens // Reset state when dialog opens
useEffect(() => { useEffect(() => {
if (isOpen) { if (isOpen) {
@ -313,9 +300,6 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
<DialogTitle className={cn('font-semibold text-center text-lg')}> <DialogTitle className={cn('font-semibold text-center text-lg')}>
{getTitle()} {getTitle()}
</DialogTitle> </DialogTitle>
<DialogDescription className={cn(`text-muted-foreground text-center ${step === 'download' && 'hidden'}`)}>
{getDescription()}
</DialogDescription>
</DialogHeader> </DialogHeader>
<div className='px-6 pt-2 pb-4 space-y-4 overflow-y-scroll flex-1'> <div className='px-6 pt-2 pb-4 space-y-4 overflow-y-scroll flex-1'>
{/* Welcome Step - New engaging introduction */} {/* Welcome Step - New engaging introduction */}
@ -353,11 +337,6 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
</div> </div>
<div className='space-y-3'> <div className='space-y-3'>
<p className='text-muted-foreground px-5'>
Join the Nostr network and take control of your social media experience.
Your journey begins by generating a secret key.
</p>
<Button <Button
className='w-full rounded-full py-6 text-lg font-semibold bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 transform transition-all duration-200 hover:scale-105 shadow-lg' className='w-full rounded-full py-6 text-lg font-semibold bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 transform transition-all duration-200 hover:scale-105 shadow-lg'
onClick={() => setStep('generate')} onClick={() => setStep('generate')}
@ -365,10 +344,6 @@ const SignupDialog: React.FC<SignupDialogProps> = ({ isOpen, onClose, onComplete
<LogIn className='w-5 h-5 mr-2' /> <LogIn className='w-5 h-5 mr-2' />
Get Started Get Started
</Button> </Button>
<p className='text-xs text-muted-foreground'>
Free forever • Decentralized • Your data, your control
</p>
</div> </div>
</div> </div>
)} )}