fix: don't crash when no follows

src/element/new-stream.css

@@ -53,4 +53,4 @@
 
 .new-stream .tos-link:hover {
   text-decoration: underline;
-}
+}

src/element/nostr-provider-dialog.tsx

@@ -88,26 +88,41 @@ export function NostrProviderDialog({
   function tosInput() {
     if (!info) return;
 
-    return <>
+    return (
-      <div>
+      <>
-        <div className="flex g12">
+        <div>
-          <input type="checkbox" checked={tos} onChange={e => setTos(e.target.checked)} />
+          <div className="flex g12">
-          <p>
+            <input
-            I have read and agree with {info.name}'s <span className="tos-link" onClick={() => window.open(info.tosLink, "popup", "width=400,height=800")}>terms and conditions</span>.
+              type="checkbox"
-          </p>
+              checked={tos}
+              onChange={(e) => setTos(e.target.checked)}
+            />
+            <p>
+              I have read and agree with {info.name}'s{" "}
+              <span
+                className="tos-link"
+                onClick={() =>
+                  window.open(info.tosLink, "popup", "width=400,height=800")
+                }
+              >
+                terms and conditions
+              </span>
+              .
+            </p>
+          </div>
         </div>
-      </div>
+        <div>
-      <div>
+          <AsyncButton
-        <AsyncButton
+            type="button"
-          type="button"
+            className="btn btn-primary wide"
-          className="btn btn-primary wide"
+            disabled={!tos}
-          disabled={!tos}
+            onClick={acceptTos}
-          onClick={acceptTos}
+          >
-        >
+            Continue
-          Continue
+          </AsyncButton>
-        </AsyncButton>
+        </div>
-      </div>
+      </>
-    </>
+    );
   }
 
   return (
@@ -167,26 +182,33 @@ export function NostrProviderDialog({
           ))}
         </div>
       </div>
-      {info.tosAccepted === false ? tosInput() :
+      {info.tosAccepted === false ? (
+        tosInput()
+      ) : (
         <StreamEditor
           onFinish={(ex) => {
             provider.updateStreamInfo(ex);
             others.onFinish?.(ex);
           }}
-          ev={{
+          ev={
-            tags: [
+            {
-              ["title", info.streamInfo?.title ?? ""],
+              tags: [
-              ["summary", info.streamInfo?.summary ?? ""],
+                ["title", info.streamInfo?.title ?? ""],
-              ["image", info.streamInfo?.image ?? ""],
+                ["summary", info.streamInfo?.summary ?? ""],
-              ...(info.streamInfo?.content_warning ? [["content-warning", info.streamInfo?.content_warning]] : []),
+                ["image", info.streamInfo?.image ?? ""],
-              ...(info.streamInfo?.tags?.map(a => ["t", a]) ?? [])
+                ...(info.streamInfo?.content_warning
-            ]
+                  ? [["content-warning", info.streamInfo?.content_warning]]
-          } as NostrEvent}
+                  : []),
+                ...(info.streamInfo?.tags?.map((a) => ["t", a]) ?? []),
+              ],
+            } as NostrEvent
+          }
           options={{
             canSetStream: false,
             canSetStatus: false,
           }}
-        />}
+        />
+      )}
     </>
   );
 }

src/pages/root.tsx

@@ -12,13 +12,14 @@ export function RootPage() {
 
   const { live, planned, ended } = useStreamsFeed();
   const mutedHosts = new Set(getTagValues(login?.muted.tags ?? [], "p"));
+  const tags = login?.follows.tags ?? [];
   const followsHost = useCallback(
     (ev: NostrEvent) => {
-      return login?.follows.tags.find((t) => t.at(1) === getHost(ev));
+      return tags.find((t) => t.at(1) === getHost(ev));
     },
-    [login?.follows]
+    [tags]
   );
-  const hashtags = getTagValues(login?.follows.tags ?? [], "t");
+  const hashtags = getTagValues(tags, "t");
   const following = live.filter(followsHost);
   const liveNow = live.filter((e) => !following.includes(e));
   const hasFollowingLive = following.length > 0;

src/providers/index.ts

@@ -53,7 +53,7 @@ export interface StreamProviderInfo {
   balance?: number;
   endpoints: Array<StreamProviderEndpoint>;
   tosAccepted?: boolean;
-  tosLink?: string
+  tosLink?: string;
 }
 
 export interface StreamProviderEndpoint {
@@ -66,11 +66,11 @@ export interface StreamProviderEndpoint {
 }
 
 export interface StreamProviderStreamInfo {
-  title: string
+  title: string;
-  summary: string
+  summary: string;
-  image: string
+  image: string;
-  tags: Array<string>
+  tags: Array<string>;
-  content_warning: string
+  content_warning: string;
 }
 
 export class ProviderStore extends ExternalStore<Array<StreamProvider>> {

src/providers/owncast.ts

@@ -51,7 +51,7 @@ export class OwncastProvider implements StreamProvider {
   acceptTos(): Promise<void> {
     throw new Error("Method not implemented.");
   }
-  
+
   async #getJson<T>(
     method: "GET" | "POST",
     path: string,