fix: don't crash when no follows

src/element/nostr-provider-dialog.tsx

@@ -88,12 +88,26 @@ export function NostrProviderDialog({
   function tosInput() {
     if (!info) return;
 
-    return <>
+    return (
+      <>
         <div>
           <div className="flex g12">
-          <input type="checkbox" checked={tos} onChange={e => setTos(e.target.checked)} />
+            <input
+              type="checkbox"
+              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>.
+              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>
@@ -108,6 +122,7 @@ export function NostrProviderDialog({
           </AsyncButton>
         </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 ?? ""],
                 ["summary", info.streamInfo?.summary ?? ""],
                 ["image", info.streamInfo?.image ?? ""],
-              ...(info.streamInfo?.content_warning ? [["content-warning", info.streamInfo?.content_warning]] : []),
-              ...(info.streamInfo?.tags?.map(a => ["t", a]) ?? [])
-            ]
-          } as NostrEvent}
+                ...(info.streamInfo?.content_warning
+                  ? [["content-warning", info.streamInfo?.content_warning]]
+                  : []),
+                ...(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
-  summary: string
-  image: string
-  tags: Array<string>
-  content_warning: string
+  title: string;
+  summary: string;
+  image: string;
+  tags: Array<string>;
+  content_warning: string;
 }
 
 export class ProviderStore extends ExternalStore<Array<StreamProvider>> {