chore: Run prettier

src/element/new-stream.css

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

src/element/new-stream.tsx

@@ -17,7 +17,11 @@ function NewStream({ ev, onFinish }: StreamEditorProps) {
 
   useEffect(() => {
     if (!currentProvider) {
-      setCurrentProvider(ev !== undefined ? providers.find(a => a.name.toLowerCase() === "manual")! : providers.at(0));
+      setCurrentProvider(
+        ev !== undefined
+          ? providers.find((a) => a.name.toLowerCase() === "manual")!
+          : providers.at(0)
+      );
     }
   }, [providers, currentProvider]);
 
@@ -32,7 +36,7 @@ function NewStream({ ev, onFinish }: StreamEditorProps) {
               currentProvider.updateStreamInfo(ex);
               if (!ev) {
                 navigate(`/${eventLink(ex)}`, {
-                  state: ev
+                  state: ev,
                 });
               } else {
                 onFinish?.(ev);

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/index.tsx

@@ -61,8 +61,8 @@ const router = createBrowserRouter([
       },
       {
         path: "*",
-        element: <CatchAllRoutePage />
+        element: <CatchAllRoutePage />,
-      }
+      },
     ],
   },
   {

src/pages/catch-all.tsx

@@ -1,6 +1,5 @@
-
 export function CatchAllRoutePage() {
-    //const { ["*"]: param } = useParams();
+  //const { ["*"]: param } = useParams();
-    
+
-    return <b className="error">Not found :(</b>
+  return <b className="error">Not found :(</b>;
-}
+}

src/pages/stream-page.tsx

@@ -4,7 +4,12 @@ import { useLocation, useNavigate, useParams } from "react-router-dom";
 import { Helmet } from "react-helmet";
 
 import { LiveVideoPlayer } from "element/live-video-player";
-import { createNostrLink, findTag, getEventFromLocationState, getHost } from "utils";
+import {
+  createNostrLink,
+  findTag,
+  getEventFromLocationState,
+  getHost,
+} from "utils";
 import { Profile, getName } from "element/profile";
 import { LiveChat } from "element/live-chat";
 import AsyncButton from "element/async-button";

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,