refactor(web): code formatting changes

binbat · Nov 2, 2024 · bb37be5 · bb37be5
1 parent 595faf6
commit bb37be5
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 39 deletions.
diff --git a/web/liveman/components/dialog-token.tsx b/web/liveman/components/dialog-token.tsx
@@ -81,7 +81,7 @@ export const StreamTokenDialog = forwardRef<IStreamTokenDialog>((_, ref) => {
                 </div>
                 <div className="form-control mt-4">
                     <label className="label px-0 pb-0">Permissions:</label>
-                    {AllPermissions.map(p => (
+                    {AllPermissions.map(p =>
                         <label class="label justify-start gap-2">
                             <Checkbox
                                 size="sm"
@@ -92,7 +92,7 @@ export const StreamTokenDialog = forwardRef<IStreamTokenDialog>((_, ref) => {
                             />
                             <span>{p}</span>
                         </label>
-                    ))}
+                    )}
                 </div>
             </Modal.Body>
             <Modal.Actions>

diff --git a/web/liveman/components/login.tsx b/web/liveman/components/login.tsx
@@ -103,9 +103,9 @@ export function Login({ show, onSuccess }: LoginProps) {
             </Modal.Header>
             {/* @ts-expect-error -- size */}
             <Tabs variant="bordered" size="lg" className="my-4">
-                {AuthTypes.map(t => (
+                {AuthTypes.map(t =>
                     <Tabs.Tab className="text-base" active={t === authType} onClick={() => setAuthType(t)}>{t}</Tabs.Tab>
-                ))}
+                )}
             </Tabs>
             {typeof errMsg === 'string' ? <Alert status="error" >{errMsg}</Alert> : null}
             <form onSubmit={handleLogin}>

diff --git a/web/liveman/components/nodes-table.tsx b/web/liveman/components/nodes-table.tsx
@@ -27,7 +27,7 @@ export function NodesTable() {
                     size="sm"
                     color="ghost"
                     endIcon={<ArrowPathIcon className="size-4 stroke-current" />}
-                    onClick={() => nodes.updateData()}
+                    onClick={nodes.updateData}
                 >Refresh</Button>
             </div>
 
@@ -40,15 +40,15 @@ export function NodesTable() {
                     <span>API URL</span>
                 </Table.Head>
                 <Table.Body>
-                    {nodes.data.map(n => (
+                    {nodes.data.map(n =>
                         <Table.Row>
                             <span>{n.alias}</span>
                             <span>{n.status}</span>
                             <span>{n.duration}</span>
                             <NodeStrategyLabel strategy={n.strategy} />
                             <Link href={n.url} target="_blank">{n.url}</Link>
                         </Table.Row>
-                    ))}
+                    )}
                 </Table.Body>
             </Table>
         </>
@@ -66,9 +66,9 @@ function NodeStrategyLabel({ strategy }: NodeStrategyLabelProps) {
         <Tooltip
             position="bottom"
             className="before:font-mono before:text-start before:whitespace-pre before:whitespace-break-spaces"
-            message={entries.map(([k, v]) => `${k} = ${v}`).join('\n')}
+            message={entries.map(kv => kv.join(' = ')).join('\n')}
         >
-            <div className="font-mono flex gap-1 items-center">
+            <div className="font-mono flex items-center gap-1">
                 <InformationCircleIcon className="size-4" />
                 <span>{entries[0].join(' = ')}...</span>
             </div>

diff --git a/web/shared/components/dialog-preview.tsx b/web/shared/components/dialog-preview.tsx
@@ -199,20 +199,16 @@ export const PreviewDialog = forwardRef<IPreviewDialog, Props>((props, ref) => {
             </Modal.Body>
             <Modal.Actions className="mt-0">
                 <div className="mr-auto">
-                    {
-                        typeof latency === 'string' ? (
-                            <Button
-                                color="ghost"
-                                className="font-normal"
-                                animation={false}
-                                startIcon={<ClockIcon className="size-5 stroke-current" />}
-                            >
-                                Latency: {latency}
-                            </Button>
-                        ) : (
-                            <Button color="info" onClick={handleDecodeLatency}>Decode Latency</Button>
-                        )
-                    }
+                    {typeof latency === 'string' ? (
+                        <Button
+                            color="ghost"
+                            className="font-normal"
+                            animation={false}
+                            startIcon={<ClockIcon className="size-5 stroke-current" />}
+                        >Latency: {latency}</Button>
+                    ) : (
+                        <Button color="info" onClick={handleDecodeLatency}>Decode Latency</Button>
+                    )}
                 </div>
                 <Button color="error" onClick={handlePreviewStop}>Stop</Button>
                 <Button onClick={handleCloseDialog}>Hide</Button>

diff --git a/web/shared/components/dialog-web-stream.tsx b/web/shared/components/dialog-web-stream.tsx
@@ -156,15 +156,14 @@ export const WebStreamDialog = forwardRef<IWebStreamDialog, Props>((props, ref)
                 </Collapse.Details>
             </Modal.Body>
             <Modal.Actions className="mt-0">
-                {refWhipClient.current
-                    ? <Button color="error" onClick={handleStreamStop}>Stop</Button>
-                    : (
-                        <>
-                            <Button color="info" onClick={handleEncodeLatencyStart}>Encode Latency</Button>
-                            <Button onClick={handleDisplayMediaStart}>Start</Button>
-                        </>
-                    )
-                }
+                {refWhipClient.current ? (
+                    <Button color="error" onClick={handleStreamStop}>Stop</Button>
+                ) : (
+                    <>
+                        <Button color="info" onClick={handleEncodeLatencyStart}>Encode Latency</Button>
+                        <Button onClick={handleDisplayMediaStart}>Start</Button>
+                    </>
+                )}
                 <Button onClick={handleCloseDialog}>Hide</Button>
             </Modal.Actions>
             <canvas ref={refCanvas} class="hidden" width={1280} height={720}></canvas>

diff --git a/web/shared/components/page-layout.tsx b/web/shared/components/page-layout.tsx
@@ -5,10 +5,7 @@ import { ITokenContext, TokenContext } from '../context';
 
 export type PageLayoutProps = ITokenContext & PropsWithChildren;
 
-export function PageLayout({
-    token,
-    children
-}: PageLayoutProps) {
+export function PageLayout({ token, children }: PageLayoutProps) {
     return (
         <TokenContext.Provider value={{ token }}>
             <PageHeader />

diff --git a/web/shared/components/streams-table.tsx b/web/shared/components/streams-table.tsx
@@ -137,7 +137,7 @@ export function StreamsTable(props: StreamTableProps) {
                     size="sm"
                     color="ghost"
                     endIcon={<ArrowPathIcon className="size-4 stroke-current" />}
-                    onClick={() => streams.updateData()}
+                    onClick={streams.updateData}
                 >Refresh</Button>
             </div>
 
@@ -214,7 +214,7 @@ export function StreamsTable(props: StreamTableProps) {
                             refPreviewStreams.current.delete(s);
                         }
                     }}
-                    onStop={() => { handlePreviewStop(s); }}
+                    onStop={() => handlePreviewStop(s)}
                 />
             )}
 
@@ -230,7 +230,7 @@ export function StreamsTable(props: StreamTableProps) {
                             refWebStreams.current.delete(s);
                         }
                     }}
-                    onStop={() => { handleWebStreamStop(s); }}
+                    onStop={() => handleWebStreamStop(s)}
                 />
             )}
         </>