Retro Bulletin Board Systems on atproto. Web app and TUI.
lazy mirror of alyraffauf/atbbs
atbbs.xyz
forums
python
tui
atproto
bbs
web: consolidate methods
+8
-10
+8
-10
web/src/pages/Home.tsx
+8
-10
web/src/pages/Home.tsx
···
20
20
export default function Home() {
21
21
const nav = useNavigate();
22
22
const [handle, setHandle] = useState("");
23
-
const [tab, setTab] = useState<"pip" | "uv" | "brew">("pip");
23
+
const [tab, setTab] = useState<"pip" | "uv" | "brew" | "telnet">("pip");
24
24
const [discovered, setDiscovered] = useState<Discovered[]>([]);
25
25
useTitle("atbbs");
26
26
···
133
133
<div className="border-t border-neutral-800 py-4">
134
134
<h2 className="text-neutral-300 mb-4">Better yet, use your terminal</h2>
135
135
<div className="flex gap-4 border-b border-neutral-800 mb-4">
136
-
{(["pip", "uv", "brew"] as const).map((t) => (
136
+
{(["pip", "uv", "brew", "telnet"] as const).map((t) => (
137
137
<button
138
138
key={t}
139
139
onClick={() => setTab(t)}
···
167
167
<span className="text-neutral-500 select-none">$ </span>atbbs
168
168
</pre>
169
169
)}
170
-
</div>
171
-
172
-
<div className="border-t border-neutral-800 py-4">
173
-
<h2 className="text-neutral-300 mb-4">Or dial in via telnet</h2>
174
-
<pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
175
-
<span className="text-neutral-500 select-none">$ </span>telnet
176
-
tel.atbbs.xyz
177
-
</pre>
170
+
{tab === "telnet" && (
171
+
<pre className="bg-neutral-900 border border-neutral-800 rounded px-4 py-3 text-neutral-400 text-xs">
172
+
<span className="text-neutral-500 select-none">$ </span>telnet
173
+
tel.atbbs.xyz
174
+
</pre>
175
+
)}
178
176
</div>
179
177
</div>
180
178
);