tracks lexicons and how many times they appeared on the jetstream
ptr.pet
1<script lang="ts">
2 interface Props {
3 dontShowBsky: boolean;
4 onBskyToggle: () => void;
5 }
6
7 let { dontShowBsky, onBskyToggle }: Props = $props();
8</script>
9
10<!-- svelte-ignore a11y_click_events_have_key_events -->
11<!-- svelte-ignore a11y_no_static_element_interactions -->
12<button
13 onclick={onBskyToggle}
14 class="wsbadge !mt-0 !font-normal bg-yellow-100 hover:bg-yellow-200 border-yellow-300"
15>
16 <input checked={dontShowBsky} type="checkbox" />
17 <span class="ml-0.5"> hide app.bsky.* </span>
18</button>
19
20<style lang="postcss">
21 @reference "../../app.css";
22 .wsbadge {
23 @apply text-sm font-semibold mt-1.5 px-2.5 py-0.5 rounded-full border;
24 }
25</style>