tracks lexicons and how many times they appeared on the jetstream
feat: add a checkbox to not show app.bsky records
+10
-3
+10
-3
src/routes/+page.svelte
+10
-3
src/routes/+page.svelte
···
10
10
let events: EventRecord[] = $state(data.events);
11
11
let totalEvents = $state(data.totalEvents);
12
12
let error: string | null = $state(null);
13
+
let dontShowBsky = $state(false);
13
14
14
15
const loadData = async () => {
15
16
try {
···
79
80
</div>
80
81
</div>
81
82
82
-
<div class="text-center mb-8">
83
+
<div class="w-fit flex flex-col items-center mx-auto mb-8">
83
84
<button
84
85
onclick={loadData}
85
-
class="bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed text-white px-6 py-3 rounded-lg font-medium transition-colors"
86
+
class="w-fit bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed text-white px-6 py-3 rounded-lg font-medium transition-colors"
86
87
>
87
88
refresh
88
89
</button>
90
+
<div class="mt-2">
91
+
<input bind:checked={dontShowBsky} type="checkbox" />
92
+
<span> don't show app.bsky.* </span>
93
+
</div>
89
94
</div>
90
95
91
96
{#if error}
···
104
109
<div
105
110
class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
106
111
>
107
-
{#each events as event, index (event.nsid)}
112
+
{#each events.filter((e) => {
113
+
return dontShowBsky ? !e.nsid.startsWith("app.bsky.") : true;
114
+
}) as event, index (event.nsid)}
108
115
<div
109
116
class="mx-auto md:mx-0 w-fit bg-white border border-gray-200 rounded-lg md:p-6 hover:shadow-lg transition-shadow duration-200 hover:-translate-y-1 transform"
110
117
>