tracks lexicons and how many times they appeared on the jetstream
feat(client): improve header, change ws status badge to indicate what its doing better
+13
-10
+4
-4
client/src/lib/components/StatusBadge.svelte
+4
-4
client/src/lib/components/StatusBadge.svelte
···
7
7
8
8
const statusConfig = {
9
9
connected: {
10
-
text: "live",
10
+
text: "stream live",
11
11
classes: "bg-green-100 text-green-800 border-green-200",
12
12
},
13
13
connecting: {
14
-
text: "connecting",
14
+
text: "stream connecting",
15
15
classes: "bg-yellow-100 text-yellow-800 border-yellow-200",
16
16
},
17
17
error: {
18
-
text: "error",
18
+
text: "stream errored",
19
19
classes: "bg-red-100 text-red-800 border-red-200",
20
20
},
21
21
disconnected: {
22
-
text: "offline",
22
+
text: "stream offline",
23
23
classes: "bg-gray-100 text-gray-800 border-gray-200",
24
24
},
25
25
};
+9
-6
client/src/routes/+page.svelte
+9
-6
client/src/routes/+page.svelte
···
149
149
/>
150
150
</svelte:head>
151
151
152
-
<div class="md:max-w-[61vw] mx-auto p-2">
153
-
<header class="text-center mb-8">
154
-
<h1 class="text-4xl font-bold mb-2 text-gray-900">lexicon tracker</h1>
155
-
<p class="text-lg text-gray-600">
152
+
<header class="border-gray-300 border-b mb-4 pb-2">
153
+
<div
154
+
class="px-2 md:ml-[19vw] mx-auto flex flex-wrap items-center text-center"
155
+
>
156
+
<h1 class="text-4xl font-bold mr-4 text-gray-900">lexicon tracker</h1>
157
+
<p class="text-lg mt-1 text-gray-600">
156
158
tracks lexicons seen on the jetstream
157
159
</p>
158
-
</header>
159
-
160
+
</div>
161
+
</header>
162
+
<div class="md:max-w-[61vw] mx-auto p-2">
160
163
<div
161
164
class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 2xl:mx-16 mb-8"
162
165
>