tracks lexicons and how many times they appeared on the jetstream
ptr.pet
1<script lang="ts">
2 import type { ShowOption } from "$lib/types";
3
4 interface Props {
5 show: ShowOption;
6 onShowChange: (value: ShowOption) => void;
7 }
8
9 let { show, onShowChange }: Props = $props();
10
11 const showOptions: ShowOption[] = ["server init", "stream start"];
12</script>
13
14<div
15 class="wsbadge !pl-2 !px-1 !mt-0 !font-normal bg-pink-100 dark:bg-pink-800 hover:bg-pink-200 dark:hover:bg-pink-700 border-pink-300 dark:border-pink-700"
16>
17 <label for="show" class="text-pink-800 dark:text-pink-100 mr-1">
18 show since:
19 </label>
20 <select
21 id="show"
22 value={show}
23 onchange={(e) =>
24 onShowChange((e.target as HTMLSelectElement).value as ShowOption)}
25 class="bg-pink-50 dark:bg-pink-900 text-pink-900 dark:text-pink-100 border border-pink-200 dark:border-pink-700 rounded-full px-1 outline-none focus:border-pink-400 min-w-0"
26 >
27 {#each showOptions as option}
28 <option value={option}>{option}</option>
29 {/each}
30 </select>
31</div>