···

       
350
       
350
       
 
       


     

       
351
       
351
       
 
       
  return (

     

       
352
       
352
       
 
       
    <div class="flex flex-col items-center">

     

       
353
       
353
       
-
       
      <div class="flex flex-col items-center">

     

       
354
       
354
       
-
       
        <Show when={!loginState()}>

     

       
353
       
353
       
+
       
      <Show when={!loginState()}>

     

       
354
       
354
       
+
       
        <form

     

       
355
       
355
       
+
       
          class="flex flex-col items-center"

     

       
356
       
356
       
+
       
          onsubmit={(e) => e.preventDefault()}

     

       
357
       
357
       
+
       
        >

     

       
355
       
358
       
 
       
          <label for="handle">Handle:</label>

     

       
356
       
359
       
 
       
          <input

     

       
357
       
360
       
 
       
            type="text"

     
···

       
361
       
364
       
 
       
            onInput={(e) => setLoginInput(e.currentTarget.value)}

     

       
362
       
365
       
 
       
          />

     

       
363
       
366
       
 
       
          <button

     

       
364
       
364
       
-
       
            type="button"

     

       
365
       
367
       
 
       
            onclick={() => loginBsky(loginInput())}

     

       
366
       
368
       
 
       
            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"

     

       
367
       
369
       
 
       
          >

     

       
368
       
370
       
 
       
            Login

     

       
369
       
371
       
 
       
          </button>

     

       
372
       
372
       
+
       
        </form>

     

       
373
       
373
       
+
       
      </Show>

     

       
374
       
374
       
+
       
      <Show when={loginState()}>

     

       
375
       
375
       
+
       
        <div class="mb-5">

     

       
376
       
376
       
+
       
          Logged in as {userHandle} (

     

       
377
       
377
       
+
       
          <a href="" class="text-red-600" onclick={() => logoutBsky()}>

     

       
378
       
378
       
+
       
            Logout

     

       
379
       
379
       
+
       
          </a>

     

       
380
       
380
       
+
       
          )

     

       
381
       
381
       
+
       
        </div>

     

       
382
       
382
       
+
       
        <Show when={!followRecords.length}>

     

       
383
       
383
       
+
       
          <button

     

       
384
       
384
       
+
       
            type="button"

     

       
385
       
385
       
+
       
            onclick={() => fetchHiddenAccounts()}

     

       
386
       
386
       
+
       
            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"

     

       
387
       
387
       
+
       
          >

     

       
388
       
388
       
+
       
            Preview

     

       
389
       
389
       
+
       
          </button>

     

       
370
       
390
       
 
       
        </Show>

     

       
371
       
371
       
-
       
        <Show when={loginState()}>

     

       
372
       
372
       
-
       
          <div class="mb-5">

     

       
373
       
373
       
-
       
            Logged in as {userHandle} (

     

       
374
       
374
       
-
       
            <a href="" class="text-red-600" onclick={() => logoutBsky()}>

     

       
375
       
375
       
-
       
              Logout

     

       
376
       
376
       
-
       
            </a>

     

       
377
       
377
       
-
       
            )

     

       
378
       
378
       
-
       
          </div>

     

       
379
       
379
       
-
       
          <Show when={!followRecords.length}>

     

       
380
       
380
       
-
       
            <button

     

       
381
       
381
       
-
       
              type="button"

     

       
382
       
382
       
-
       
              onclick={() => fetchHiddenAccounts()}

     

       
383
       
383
       
-
       
              class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"

     

       
384
       
384
       
-
       
            >

     

       
385
       
385
       
-
       
              Preview

     

       
386
       
386
       
-
       
            </button>

     

       
387
       
387
       
-
       
          </Show>

     

       
388
       
388
       
-
       
          <Show when={followRecords.length}>

     

       
389
       
389
       
-
       
            <button

     

       
390
       
390
       
-
       
              type="button"

     

       
391
       
391
       
-
       
              onclick={() => unfollow()}

     

       
392
       
392
       
-
       
              class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded"

     

       
393
       
393
       
-
       
            >

     

       
394
       
394
       
-
       
              Confirm

     

       
395
       
395
       
-
       
            </button>

     

       
396
       
396
       
-
       
          </Show>

     

       
391
       
391
       
+
       
        <Show when={followRecords.length}>

     

       
392
       
392
       
+
       
          <button

     

       
393
       
393
       
+
       
            type="button"

     

       
394
       
394
       
+
       
            onclick={() => unfollow()}

     

       
395
       
395
       
+
       
            class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded"

     

       
396
       
396
       
+
       
          >

     

       
397
       
397
       
+
       
            Confirm

     

       
398
       
398
       
+
       
          </button>

     

       
397
       
399
       
 
       
        </Show>

     

       
398
       
398
       
-
       
      </div>

     

       
400
       
400
       
+
       
      </Show>

     

       
399
       
401
       
 
       
      <Show when={notice()}>

     

       
400
       
402
       
 
       
        <div class="m-3">{notice()}</div>

     

       
401
       
403
       
 
       
      </Show>