atmosphere explorer
pds.ls
tool
typescript
atproto
add reset button to plc directory setting
+33
-21
+33
-21
src/views/settings.tsx
+33
-21
src/views/settings.tsx
···
10
10
const Settings = () => {
11
11
document.title = "Settings - PDSls";
12
12
return (
13
-
<div class="flex w-full flex-col gap-2 px-2">
13
+
<div class="flex w-full flex-col gap-3 px-2">
14
14
<div class="text-lg font-semibold">Settings</div>
15
-
<div class="flex flex-col gap-3">
16
-
<div class="flex flex-col gap-1">
15
+
<div class="flex flex-col gap-1">
16
+
<div class="flex items-center justify-between">
17
17
<label for="plcDirectory" class="font-medium select-none">
18
18
PLC Directory
19
19
</label>
20
-
<TextInput
21
-
id="plcDirectory"
22
-
value={plcDirectory()}
23
-
onInput={(e) => {
24
-
const value = e.currentTarget.value;
25
-
if (value.length) {
26
-
localStorage.plcDirectory = value;
27
-
setPlcDirectory(value);
28
-
} else {
20
+
{plcDirectory() !== "https://plc.directory" && (
21
+
<button
22
+
type="button"
23
+
class="rounded px-2 py-1 text-xs text-neutral-500 hover:bg-neutral-200 hover:text-neutral-700 active:bg-neutral-300 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:active:bg-neutral-600"
24
+
onClick={() => {
29
25
localStorage.removeItem("plcDirectory");
30
26
setPlcDirectory("https://plc.directory");
31
-
}
32
-
}}
33
-
/>
27
+
}}
28
+
>
29
+
Reset
30
+
</button>
31
+
)}
34
32
</div>
35
-
<ThemeSelection />
36
-
<div class="flex flex-col gap-1">
37
-
<label class="font-medium select-none">Version</label>
38
-
<div class="text-sm text-neutral-600 dark:text-neutral-400">
39
-
{import.meta.env.VITE_APP_VERSION}
40
-
</div>
33
+
<TextInput
34
+
id="plcDirectory"
35
+
value={plcDirectory()}
36
+
onInput={(e) => {
37
+
const value = e.currentTarget.value;
38
+
if (value.length) {
39
+
localStorage.plcDirectory = value;
40
+
setPlcDirectory(value);
41
+
} else {
42
+
localStorage.removeItem("plcDirectory");
43
+
setPlcDirectory("https://plc.directory");
44
+
}
45
+
}}
46
+
/>
47
+
</div>
48
+
<ThemeSelection />
49
+
<div class="flex flex-col gap-1">
50
+
<label class="font-medium select-none">Version</label>
51
+
<div class="text-sm text-neutral-600 dark:text-neutral-400">
52
+
{import.meta.env.VITE_APP_VERSION}
41
53
</div>
42
54
</div>
43
55
</div>