vielle.dev
forked from
pds.ls/pdsls
atproto explorer
move record validation icons
handle.invalid
+29
-1
src/views/record.tsx
+29
-1
src/views/record.tsx
···
10
import { JSONValue } from "../components/json.jsx";
11
import { agent } from "../components/login.jsx";
12
import { Modal } from "../components/modal.jsx";
13
-
import { pds, setCID, setValidRecord, setValidSchema, validRecord } from "../components/navbar.jsx";
14
import Tooltip from "../components/tooltip.jsx";
15
import { setNotif } from "../layout.jsx";
16
import { didDocCache, resolvePDS } from "../utils/api.js";
···
27
const [externalLink, setExternalLink] = createSignal<
28
{ label: string; link: string; icon?: string } | undefined
29
>();
30
const did = params.repo;
31
let rpc: Client;
32
···
146
</A>
147
</div>
148
<div class="flex gap-1">
149
<Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
150
<RecordEditor create={false} record={record()?.value} refetch={refetch} />
151
<Tooltip text="Delete">
···
10
import { JSONValue } from "../components/json.jsx";
11
import { agent } from "../components/login.jsx";
12
import { Modal } from "../components/modal.jsx";
13
+
import { pds, setCID } from "../components/navbar.jsx";
14
import Tooltip from "../components/tooltip.jsx";
15
import { setNotif } from "../layout.jsx";
16
import { didDocCache, resolvePDS } from "../utils/api.js";
···
27
const [externalLink, setExternalLink] = createSignal<
28
{ label: string; link: string; icon?: string } | undefined
29
>();
30
+
const [validRecord, setValidRecord] = createSignal<boolean | undefined>(undefined);
31
+
const [validSchema, setValidSchema] = createSignal<boolean | undefined>(undefined);
32
const did = params.repo;
33
let rpc: Client;
34
···
148
</A>
149
</div>
150
<div class="flex gap-1">
151
+
<div class="mr-1 flex gap-3">
152
+
<Tooltip
153
+
text={
154
+
validRecord() === undefined ? "Validating"
155
+
: validRecord() === false ?
156
+
"Invalid record"
157
+
: "Valid record"
158
+
}
159
+
>
160
+
<span
161
+
classList={{
162
+
"iconify lucide--lock-keyhole": validRecord() === true,
163
+
"iconify lucide--lock-keyhole-open text-red-500 dark:text-red-400":
164
+
validRecord() === false,
165
+
"iconify lucide--loader-circle animate-spin": validRecord() === undefined,
166
+
}}
167
+
></span>
168
+
</Tooltip>
169
+
<Show when={validSchema() !== undefined}>
170
+
<Tooltip text={validSchema() ? "Valid schema" : "Invalid schema"}>
171
+
<span
172
+
class={`iconify ${validSchema() ? "lucide--file-check" : "lucide--file-x text-red-500 dark:text-red-400"}`}
173
+
></span>
174
+
</Tooltip>
175
+
</Show>
176
+
</div>
177
<Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
178
<RecordEditor create={false} record={record()?.value} refetch={refetch} />
179
<Tooltip text="Delete">