atmosphere explorer
pds.ls
tool
typescript
atproto
prevent button layout shift
+11
-1
+11
-1
src/components/json.tsx
+11
-1
src/components/json.tsx
···
1
1
import { isCid, isDid, isNsid, Nsid } from "@atcute/lexicons/syntax";
2
2
import { A, useNavigate, useParams } from "@solidjs/router";
3
-
import { createEffect, createSignal, ErrorBoundary, For, Show } from "solid-js";
3
+
import { createEffect, createSignal, ErrorBoundary, For, on, Show } from "solid-js";
4
4
import { setNotif } from "../layout";
5
5
import { resolveLexiconAuthority } from "../utils/api";
6
6
import { ATURI_RE } from "../utils/types/at-uri";
···
125
125
createEffect(() => {
126
126
if (hideMedia()) setHide(hideMedia());
127
127
});
128
+
129
+
createEffect(
130
+
on(
131
+
hide,
132
+
(value) => {
133
+
if (value === false) setMediaLoaded(false);
134
+
},
135
+
{ defer: true },
136
+
),
137
+
);
128
138
129
139
const isBlob = props.data.$type === "blob";
130
140
const isBlobContext = isBlob || props.parentIsBlob;