forked from Kieran/zap.stream
fix: run prettier
This commit is contained in:
parent
641fcf61d7
commit
2d81cff7e3
@ -74,7 +74,7 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
function createAccount() {
|
function createAccount() {
|
||||||
const newKey = bytesToHex(schnorr.utils.randomPrivateKey());
|
const newKey = bytesToHex(schnorr.utils.randomPrivateKey());
|
||||||
setNewKey(newKey);
|
setNewKey(newKey);
|
||||||
setLnAddress(`${getPublicKey(newKey)}@zap.stream`)
|
setLnAddress(`${getPublicKey(newKey)}@zap.stream`);
|
||||||
setStage(Stage.Details);
|
setStage(Stage.Details);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -106,7 +106,7 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
const info = await px.info();
|
const info = await px.info();
|
||||||
setProviderInfo(info);
|
setProviderInfo(info);
|
||||||
|
|
||||||
setStage(Stage.LnAddress)
|
setStage(Stage.LnAddress);
|
||||||
}
|
}
|
||||||
|
|
||||||
async function saveProfile() {
|
async function saveProfile() {
|
||||||
@ -116,9 +116,11 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
const lnurl = new LNURL(lnAddress);
|
const lnurl = new LNURL(lnAddress);
|
||||||
await lnurl.load();
|
await lnurl.load();
|
||||||
} catch {
|
} catch {
|
||||||
throw new Error(formatMessage({
|
throw new Error(
|
||||||
defaultMessage: "Hmm, your lightning address looks wrong"
|
formatMessage({
|
||||||
}));
|
defaultMessage: "Hmm, your lightning address looks wrong",
|
||||||
|
})
|
||||||
|
);
|
||||||
}
|
}
|
||||||
const pub = EventPublisher.privateKey(key);
|
const pub = EventPublisher.privateKey(key);
|
||||||
const profile = {
|
const profile = {
|
||||||
@ -162,11 +164,13 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
<FormattedMessage defaultMessage="OR" />
|
<FormattedMessage defaultMessage="OR" />
|
||||||
<hr />
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
{hasNostrExtension && <>
|
{hasNostrExtension && (
|
||||||
<AsyncButton type="button" className="btn btn-primary btn-block" onClick={loginNip7}>
|
<>
|
||||||
<FormattedMessage defaultMessage="Nostr Extension" />
|
<AsyncButton type="button" className="btn btn-primary btn-block" onClick={loginNip7}>
|
||||||
</AsyncButton>
|
<FormattedMessage defaultMessage="Nostr Extension" />
|
||||||
</>}
|
</AsyncButton>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
<button type="button" className="btn btn-primary btn-block" onClick={() => setStage(Stage.LoginInput)}>
|
<button type="button" className="btn btn-primary btn-block" onClick={() => setStage(Stage.LoginInput)}>
|
||||||
<FormattedMessage defaultMessage="Login with Private Key (insecure)" />
|
<FormattedMessage defaultMessage="Login with Private Key (insecure)" />
|
||||||
</button>
|
</button>
|
||||||
@ -184,22 +188,35 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
<FormattedMessage defaultMessage="Login with private key" />
|
<FormattedMessage defaultMessage="Login with private key" />
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
<FormattedMessage defaultMessage="This method is insecure. We recommend using a {nostrlink}" values={{
|
<FormattedMessage
|
||||||
nostrlink: <a href="">
|
defaultMessage="This method is insecure. We recommend using a {nostrlink}"
|
||||||
<FormattedMessage defaultMessage="nostr signer extension" />
|
values={{
|
||||||
</a>
|
nostrlink: (
|
||||||
}} />
|
<a href="">
|
||||||
|
<FormattedMessage defaultMessage="nostr signer extension" />
|
||||||
|
</a>
|
||||||
|
),
|
||||||
|
}}
|
||||||
|
/>
|
||||||
</p>
|
</p>
|
||||||
<div className="paper">
|
<div className="paper">
|
||||||
<input type="text" value={key} onChange={e => setNewKey(e.target.value)} placeholder={formatMessage({ defaultMessage: "eg. nsec1xyz" })} />
|
<input
|
||||||
|
type="text"
|
||||||
|
value={key}
|
||||||
|
onChange={e => setNewKey(e.target.value)}
|
||||||
|
placeholder={formatMessage({ defaultMessage: "eg. nsec1xyz" })}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex f-space">
|
<div className="flex f-space">
|
||||||
<div></div>
|
<div></div>
|
||||||
<div className="flex g8">
|
<div className="flex g8">
|
||||||
<button type="button" className="btn btn-secondary" onClick={() => {
|
<button
|
||||||
setNewKey("");
|
type="button"
|
||||||
setStage(Stage.Login)
|
className="btn btn-secondary"
|
||||||
}}>
|
onClick={() => {
|
||||||
|
setNewKey("");
|
||||||
|
setStage(Stage.Login);
|
||||||
|
}}>
|
||||||
<FormattedMessage defaultMessage="Cancel" />
|
<FormattedMessage defaultMessage="Cancel" />
|
||||||
</button>
|
</button>
|
||||||
<AsyncButton onClick={doLoginNsec} className="btn btn-primary">
|
<AsyncButton onClick={doLoginNsec} className="btn btn-primary">
|
||||||
@ -210,7 +227,7 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
{error && <b className="error">{error}</b>}
|
{error && <b className="error">{error}</b>}
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
case Stage.Details: {
|
case Stage.Details: {
|
||||||
return (
|
return (
|
||||||
@ -234,7 +251,12 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="username">
|
<div className="username">
|
||||||
<div className="paper">
|
<div className="paper">
|
||||||
<input type="text" placeholder="Username" value={username} onChange={e => setUsername(e.target.value)} />
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Username"
|
||||||
|
value={username}
|
||||||
|
onChange={e => setUsername(e.target.value)}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<small>
|
<small>
|
||||||
<FormattedMessage defaultMessage="You can change this later" />
|
<FormattedMessage defaultMessage="You can change this later" />
|
||||||
@ -258,14 +280,24 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
<p>
|
<p>
|
||||||
<FormattedMessage defaultMessage="We hooked you up with a lightning wallet so you can get paid by viewers right away!" />
|
<FormattedMessage defaultMessage="We hooked you up with a lightning wallet so you can get paid by viewers right away!" />
|
||||||
</p>
|
</p>
|
||||||
{providerInfo?.balance && <p>
|
{providerInfo?.balance && (
|
||||||
<FormattedMessage defaultMessage="Oh, and you have {n} sats of free streaming on us! 💜" values={{
|
<p>
|
||||||
n: <FormattedNumber value={providerInfo.balance} />
|
<FormattedMessage
|
||||||
}} />
|
defaultMessage="Oh, and you have {n} sats of free streaming on us! 💜"
|
||||||
</p>}
|
values={{
|
||||||
|
n: <FormattedNumber value={providerInfo.balance} />,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
<div className="username">
|
<div className="username">
|
||||||
<div className="paper">
|
<div className="paper">
|
||||||
<input type="text" placeholder={formatMessage({ defaultMessage: "eg. name@wallet.com" })} value={lnAddress} onChange={e => setLnAddress(e.target.value)} />
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder={formatMessage({ defaultMessage: "eg. name@wallet.com" })}
|
||||||
|
value={lnAddress}
|
||||||
|
onChange={e => setLnAddress(e.target.value)}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<small>
|
<small>
|
||||||
<FormattedMessage defaultMessage="You can always replace it with your own address later." />
|
<FormattedMessage defaultMessage="You can always replace it with your own address later." />
|
||||||
@ -277,7 +309,7 @@ export function LoginSignup({ close }: { close: () => void }) {
|
|||||||
</AsyncButton>
|
</AsyncButton>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
case Stage.SaveKey: {
|
case Stage.SaveKey: {
|
||||||
return (
|
return (
|
||||||
|
@ -127,16 +127,12 @@ a {
|
|||||||
.btn-border {
|
.btn-border {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
background:
|
background: linear-gradient(black, black) padding-box, linear-gradient(94.73deg, #2bd9ff 0%, #f838d9 100%) border-box;
|
||||||
linear-gradient(black, black) padding-box,
|
|
||||||
linear-gradient(94.73deg, #2bd9ff 0%, #f838d9 100%) border-box;
|
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-border:hover {
|
.btn-border:hover {
|
||||||
background:
|
background: linear-gradient(black, black) padding-box, linear-gradient(94.73deg, #14b4d8 0%, #ba179f 100%) border-box;
|
||||||
linear-gradient(black, black) padding-box,
|
|
||||||
linear-gradient(94.73deg, #14b4d8 0%, #ba179f 100%) border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Alerta de Zap"
|
"defaultMessage": "Alerta de Zap"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "هشدار زپ"
|
"defaultMessage": "هشدار زپ"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "ザップアラート"
|
"defaultMessage": "ザップアラート"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Tahadhari ya Zap"
|
"defaultMessage": "Tahadhari ya Zap"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -366,4 +366,3 @@
|
|||||||
"defaultMessage": "Zap Alert"
|
"defaultMessage": "Zap Alert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user