mirror of
https://github.com/snachodog/tok-to-insta-follower-bridge.git
synced 2025-04-17 17:22:23 -06:00
chore: add app password link
This commit is contained in:
kawamataryo
parent
f576a231ce
commit
4175c3344e
@ -180,9 +180,9 @@ function IndexPopup() {
|
|||||||
</svg>
|
</svg>
|
||||||
Sky Follower Bridge
|
Sky Follower Bridge
|
||||||
</h1>
|
</h1>
|
||||||
<form onSubmit={searchBskyUser} className="mt-2">
|
<form onSubmit={searchBskyUser} className="mt-5">
|
||||||
<label className="join w-full" htmlFor="identifier">
|
<label className="w-full block" htmlFor="identifier">
|
||||||
<span className="join-item btn btn-sm btn-active cursor-default">
|
<div className="text-sm flex gap-2 items-center">
|
||||||
<svg
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
fill="none"
|
fill="none"
|
||||||
@ -197,18 +197,19 @@ function IndexPopup() {
|
|||||||
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
|
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
Handle or Email
|
||||||
|
</div>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
name="identifier"
|
name="identifier"
|
||||||
placeholder="@you.bsky.social"
|
placeholder="@you.bsky.social"
|
||||||
value={identifier}
|
value={identifier}
|
||||||
onChange={(e) => setIdentifier(e.target.value)}
|
onChange={(e) => setIdentifier(e.target.value)}
|
||||||
className="input input-bordered input-sm w-full max-w-xs join-item focus:outline-none"
|
className="input input-bordered input-sm w-full max-w-xs join-item focus:outline-none mt-1"
|
||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
<label className="join mt-2 w-full" htmlFor="password">
|
<label className="mt-3 w-full block" htmlFor="password">
|
||||||
<span className="join-item btn btn-sm btn-active cursor-default">
|
<div className="text-sm flex gap-2 items-center">
|
||||||
<svg
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
fill="none"
|
fill="none"
|
||||||
@ -223,54 +224,67 @@ function IndexPopup() {
|
|||||||
d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"
|
d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
<p>
|
||||||
|
Password
|
||||||
|
<br />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<span className="text-xs">
|
||||||
|
We recommend using the{" "}
|
||||||
|
<a
|
||||||
|
href="https://bsky.app/settings/app-passwords"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
className="link"
|
||||||
|
>
|
||||||
|
App Password.
|
||||||
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
name="password"
|
name="password"
|
||||||
placeholder="your app password"
|
placeholder="abcd-1234-wxyz-7890"
|
||||||
value={password}
|
value={password}
|
||||||
onChange={(e) => setPassword(e.target.value)}
|
onChange={(e) => setPassword(e.target.value)}
|
||||||
className="input input-bordered input-sm w-full max-w-xs join-item focus:outline-none"
|
className="input input-bordered input-sm w-full max-w-xs join-item focus:outline-none mt-1"
|
||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
{isShowAuthFactorTokenInput && (
|
{isShowAuthFactorTokenInput && (
|
||||||
<>
|
<label className="mt-4 w-full block" htmlFor="authFactorToken">
|
||||||
<label className="join mt-2 w-full" htmlFor="authFactorToken">
|
<div className="text-sm flex gap-2 items-center mb-1">
|
||||||
<span className="join-item btn btn-sm btn-active cursor-default">
|
<svg
|
||||||
<svg
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
fill="none"
|
||||||
fill="none"
|
viewBox="0 0 24 24"
|
||||||
viewBox="0 0 24 24"
|
strokeWidth={1.5}
|
||||||
strokeWidth={1.5}
|
stroke="currentColor"
|
||||||
stroke="currentColor"
|
className="w-4 h-4"
|
||||||
className="w-4 h-4"
|
>
|
||||||
>
|
<path
|
||||||
<path
|
stroke-linecap="round"
|
||||||
stroke-linecap="round"
|
stroke-linejoin="round"
|
||||||
stroke-linejoin="round"
|
d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z"
|
||||||
d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z"
|
/>
|
||||||
/>
|
</svg>
|
||||||
</svg>
|
<p>Auth Factor Token</p>
|
||||||
</span>
|
</div>
|
||||||
<input
|
<span className="mt-2">
|
||||||
type="text"
|
A 2FA token has been sent to your email.
|
||||||
name="authFactorToken"
|
</span>
|
||||||
placeholder="2FA token"
|
<input
|
||||||
value={authFactorToken}
|
type="text"
|
||||||
onChange={(e) => setAuthFactorToken(e.target.value)}
|
name="authFactorToken"
|
||||||
className="input input-bordered input-sm w-full max-w-xs join-item focus:outline-none"
|
placeholder="1234-ABCD"
|
||||||
/>
|
value={authFactorToken}
|
||||||
</label>
|
onChange={(e) => setAuthFactorToken(e.target.value)}
|
||||||
<p className="mt-2 text-warning">
|
className="input input-bordered input-sm w-full max-w-xs focus:outline-none mt-1"
|
||||||
A 2FA token has been sent to your email. Please enter the token
|
/>
|
||||||
above.
|
</label>
|
||||||
</p>
|
|
||||||
</>
|
|
||||||
)}
|
)}
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
className={
|
className={
|
||||||
"disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-300 mt-3 normal-case btn btn-primary btn-sm w-full"
|
"disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-300 mt-4 normal-case btn btn-primary btn-sm w-full"
|
||||||
}
|
}
|
||||||
disabled={isDisabled}
|
disabled={isDisabled}
|
||||||
>
|
>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user