v3: linter and formatter pass

src/components/CommentThread.tsx

@@ -161,7 +161,9 @@ function CommentNode({
         {children.length > 0 && (
           <ul
             className="comment-replies"
-            style={depth >= MAX_INDENT_DEPTH ? { paddingLeft: 0, marginLeft: 0, borderLeft: "none" } : undefined}
+            style={depth >= MAX_INDENT_DEPTH
+              ? { paddingLeft: 0, marginLeft: 0, borderLeft: "none" }
+              : undefined}
           >
             {children.map((child) => (
               <CommentNode
@@ -229,7 +231,9 @@ function CommentNode({
                   value={editBody}
                   onChange={setEditBody}
                   onKeyDown={(e) => {
-                    if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) handleEditSave(e);
+                    if (
+                      e.key === "Enter" && (e.ctrlKey || e.metaKey)
+                    ) handleEditSave(e);
                   }}
                   autoResize
                   rows={1}
@@ -299,7 +303,10 @@ function CommentNode({
               <ConfirmModal
                 message="Delete this comment?"
                 confirmLabel="Delete"
-                onConfirm={() => { setConfirmDelete(false); handleDelete(); }}
+                onConfirm={() => {
+                  setConfirmDelete(false);
+                  handleDelete();
+                }}
                 onCancel={() => setConfirmDelete(false)}
               />
             )}
@@ -312,7 +319,9 @@ function CommentNode({
                 value={replyBody}
                 onChange={setReplyBody}
                 onKeyDown={(e) => {
-                  if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) handleReply(e);
+                  if (
+                    e.key === "Enter" && (e.ctrlKey || e.metaKey)
+                  ) handleReply(e);
                 }}
                 placeholder="Write a reply…"
                 autoResize
@@ -348,7 +357,9 @@ function CommentNode({
       {children.length > 0 && (
         <ul
           className="comment-replies"
-          style={depth >= MAX_INDENT_DEPTH ? { paddingLeft: 0, marginLeft: 0, borderLeft: "none" } : undefined}
+          style={depth >= MAX_INDENT_DEPTH
+            ? { paddingLeft: 0, marginLeft: 0, borderLeft: "none" }
+            : undefined}
         >
           {children.map((child) => (
             <CommentNode
@@ -440,7 +451,9 @@ export function CommentThread({
                 value={topLevelBody}
                 onChange={setTopLevelBody}
                 onKeyDown={(e) => {
-                  if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) handleTopLevelSubmit(e);
+                  if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+                    handleTopLevelSubmit(e);
+                  }
                 }}
                 placeholder="Add a comment…"
                 autoResize

src/components/DumpCreateModal.tsx

@@ -13,7 +13,6 @@ import type {
 import { deserializeDump, deserializePlaylistMembership } from "../model.ts";
 import { useAuth } from "../hooks/useAuth.ts";
 import { useWS } from "../hooks/useWS.ts";
-import { formatBytes } from "../utils/format.ts";
 import { dumpUrl } from "../utils/urls.ts";
 import RichContentCard from "./RichContentCard.tsx";
 import { MediaPlayer } from "./MediaPlayer.tsx";

src/components/FileDropZone.tsx

@@ -71,23 +71,21 @@ export function FileDropZone({
     <div className="fdz-wrapper">
       {label && <span className="fdz-label">{label}</span>}
       <div
-        className={`fdz${dragging ? " fdz--drag" : ""}${disabled ? " fdz--disabled" : ""}${file ? " fdz--filled" : ""}`}
+        className={`fdz${dragging ? " fdz--drag" : ""}${
+          disabled ? " fdz--disabled" : ""
+        }${file ? " fdz--filled" : ""}`}
         onDragOver={handleDragOver}
         onDragLeave={handleDragLeave}
         onDrop={handleDrop}
         onClick={file ? undefined : handleClick}
         role={file ? undefined : "button"}
         tabIndex={file || disabled ? undefined : 0}
-        onKeyDown={
-          file || disabled
-            ? undefined
-            : (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                handleClick();
-              }
-            }
-        }
+        onKeyDown={file || disabled ? undefined : (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleClick();
+          }
+        }}
       >
         <input
           ref={inputRef}

src/components/TextEditor.tsx

@@ -1,9 +1,4 @@
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-} from "react";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { MentionDropdown } from "./MentionDropdown.tsx";
 import { useMentionAutocomplete } from "../hooks/useMentionAutocomplete.ts";