Something went wrong. Try again.
add or update alt text on your media forked from psingletary.com/verifier
Something went wrong. Try again.
2.3 kB · 80 lines
JSX
at deploy
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081import React from 'react';
export default function VerifierForm({ mode, setMode, targetHandle, onChangeHandle, selectedListUri, setSelectedListUri, userLists, isLoadingLists, isVerifying, isDuplicateHandle, duplicateDate, onSubmit,}) { return ( <div className="verifier-section"> <h2>Verify an ATmosphere account</h2> <form onSubmit={onSubmit} className="verifier-form-container"> <select value={mode} onChange={(e) => setMode(e.target.value)} disabled={isVerifying} > <option value="account">Account</option> <option value="list">User List</option> </select>
{mode === 'account' ? ( <input type="text" value={targetHandle} onChange={onChangeHandle} placeholder="username.bsky.social" disabled={isVerifying} required autoComplete="off" /> ) : ( <select value={selectedListUri} onChange={(e) => setSelectedListUri(e.target.value)} disabled={isVerifying || isLoadingLists} required > <option value=""> {isLoadingLists ? 'Loading your lists...' : 'Select a list to verify'} </option> {userLists.map(list => ( <option key={list.uri} value={list.uri}> {list.name} ({list.listItemCount ?? 0} members) </option> ))} </select> )}
<button type="submit" disabled={isVerifying || (mode === 'account' ? !targetHandle : !selectedListUri)} className="verifier-submit-button" > {isVerifying ? 'Verifying...' : 'Verify Account'} </button> </form>
{mode === 'account' && isDuplicateHandle && ( <p className="verifier-duplicate-note"> Already verified on {duplicateDate} — see your verifications below. </p> )}
{mode === 'list' && !isLoadingLists && userLists.length === 0 && ( <p className="verifier-duplicate-note"> You don't have any user lists. Create one on Bluesky first. </p> )} </div> );}