forked from
pds.ls/pdsls
atmosphere explorer
fix pause button blocking
+4
-10
+4
-10
src/views/stream/index.tsx
+4
-10
src/views/stream/index.tsx
···
369
369
<div class="flex justify-end gap-2">
370
370
<button
371
371
type="button"
372
-
onmousedown={(e) => {
373
-
e.preventDefault();
374
-
togglePause();
375
-
}}
376
372
ontouchstart={(e) => {
377
373
e.preventDefault();
378
-
togglePause();
374
+
requestAnimationFrame(() => togglePause());
379
375
}}
376
+
onclick={togglePause}
380
377
class="dark:hover:bg-dark-200 dark:shadow-dark-700 dark:active:bg-dark-100 box-border flex h-7 items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-xs shadow-xs select-none hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"
381
378
>
382
379
{paused() ? "Resume" : "Pause"}
383
380
</button>
384
381
<button
385
382
type="button"
386
-
onmousedown={(e) => {
387
-
e.preventDefault();
388
-
disconnect();
389
-
}}
390
383
ontouchstart={(e) => {
391
384
e.preventDefault();
392
-
disconnect();
385
+
requestAnimationFrame(() => disconnect());
393
386
}}
387
+
onclick={disconnect}
394
388
class="dark:hover:bg-dark-200 dark:shadow-dark-700 dark:active:bg-dark-100 box-border flex h-7 items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-xs shadow-xs select-none hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"
395
389
>
396
390
Disconnect