vielle.dev
forked from
pds.ls/pdsls
atproto explorer
move header icons
handle.invalid
+1
-11
src/components/search.tsx
+1
-11
src/components/search.tsx
···
1
import { resolveHandle } from "../utils/api.js";
2
-
import { A, useNavigate } from "@solidjs/router";
3
-
import Tooltip from "./tooltip.jsx";
4
import { createSignal, Show } from "solid-js";
5
-
import { agent } from "../components/login.jsx";
6
import { Handle } from "@atcute/lexicons";
7
8
const Search = () => {
···
76
></button>
77
</Show>
78
</div>
79
-
<Show when={agent()}>
80
-
<Tooltip
81
-
text="Repository"
82
-
children={
83
-
<A href={`/at://${agent()?.sub}`} class="iconify lucide--book-user text-xl"></A>
84
-
}
85
-
/>
86
-
</Show>
87
</div>
88
</form>
89
);
+11
-6
src/layout.tsx
+11
-6
src/layout.tsx
···
31
<Meta name="robots" content="noindex, nofollow" />
32
</Show>
33
</MetaProvider>
34
-
<div class="mb-3 flex w-[22rem] items-center sm:w-[24rem]">
35
<div class="flex basis-1/3 gap-x-2">
36
<Tooltip text="Relay">
37
<A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
38
</Tooltip>
39
-
<AccountManager />
40
</div>
41
<div class="flex basis-1/3 items-center justify-center text-center">
42
<A
···
48
</A>
49
</div>
50
<div class="flex basis-1/3 items-center justify-end gap-x-2">
51
-
<Show when={agent()}>
52
-
<RecordEditor create={true} />
53
-
</Show>
54
<Settings />
55
</div>
56
-
</div>
57
<div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
58
<Show when={location.pathname !== "/jetstream" && location.pathname !== "/firehose"}>
59
<Search />
···
31
<Meta name="robots" content="noindex, nofollow" />
32
</Show>
33
</MetaProvider>
34
+
<header class="mb-3 flex w-[22rem] items-center sm:w-[24rem]">
35
<div class="flex basis-1/3 gap-x-2">
36
<Tooltip text="Relay">
37
<A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
38
</Tooltip>
39
+
<Show when={agent()}>
40
+
<Tooltip text="Go to Repo">
41
+
<A href={`/at://${agent()?.sub}`} class="iconify lucide--book-user text-xl"></A>
42
+
</Tooltip>
43
+
</Show>
44
+
<Show when={agent()}>
45
+
<RecordEditor create={true} />
46
+
</Show>
47
</div>
48
<div class="flex basis-1/3 items-center justify-center text-center">
49
<A
···
55
</A>
56
</div>
57
<div class="flex basis-1/3 items-center justify-end gap-x-2">
58
+
<AccountManager />
59
<Settings />
60
</div>
61
+
</header>
62
<div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]">
63
<Show when={location.pathname !== "/jetstream" && location.pathname !== "/firehose"}>
64
<Search />