formatting

Author: ChristianChiarulli

src/components/editor/plugins/devtools-plugin.tsx

@@ -54,14 +54,14 @@ export default function DevtoolsPlugin({
       <button
         aria-expanded={open}
         aria-label={open ? "Close Lexical tree view" : "Open Lexical tree view"}
-        className="flex size-9 items-center justify-center rounded-full border border-border bg-background/95 text-foreground shadow-lg backdrop-blur-sm transition-colors hover:bg-accent hover:text-accent-foreground"
+        className="border-border bg-background/95 text-foreground hover:bg-accent hover:text-accent-foreground flex size-9 items-center justify-center rounded-full border shadow-lg backdrop-blur-sm transition-colors"
         onClick={() => setOpen((value) => !value)}
         type="button"
       >
         <Bug className="size-4" />
       </button>
       {open ? (
-        <div className="mt-2 w-96 max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border border-border bg-background/95 shadow-xl backdrop-blur-sm">
+        <div className="border-border bg-background/95 mt-2 w-96 max-w-[calc(100vw-2rem)] overflow-hidden rounded-xl border shadow-xl backdrop-blur-sm">
           <div className="border-divider border-b px-3 py-2 text-sm font-medium">
             Lexical Tree
           </div>

src/features/shell/editor-pane.tsx

@@ -110,28 +110,31 @@ export function EditorPane({
   const [showHeaderBorder, setShowHeaderBorder] = useState(false);
   const [showHeaderTitle, setShowHeaderTitle] = useState(false);
   const noteTitle = firstLineH1Title(markdown);
-  const updateHeaderState = useCallback((scrollContainer: HTMLDivElement | null) => {
-    const scrolled = (scrollContainer?.scrollTop ?? 0) > 0;
-    setShowHeaderBorder(scrolled);
+  const updateHeaderState = useCallback(
+    (scrollContainer: HTMLDivElement | null) => {
+      const scrolled = (scrollContainer?.scrollTop ?? 0) > 0;
+      setShowHeaderBorder(scrolled);
 
-    if (!scrollContainer || !noteId) {
-      setShowHeaderTitle(false);
-      return;
-    }
+      if (!scrollContainer || !noteId) {
+        setShowHeaderTitle(false);
+        return;
+      }
 
-    const firstLine = scrollContainer.querySelector(
-      "[data-lexical-editor] > :first-child",
-    ) as HTMLElement | null;
+      const firstLine = scrollContainer.querySelector(
+        "[data-lexical-editor] > :first-child",
+      ) as HTMLElement | null;
 
-    if (!firstLine) {
-      setShowHeaderTitle(false);
-      return;
-    }
+      if (!firstLine) {
+        setShowHeaderTitle(false);
+        return;
+      }
 
-    const scrollRect = scrollContainer.getBoundingClientRect();
-    const firstLineRect = firstLine.getBoundingClientRect();
-    setShowHeaderTitle(firstLineRect.bottom <= scrollRect.top);
-  }, [noteId]);
+      const scrollRect = scrollContainer.getBoundingClientRect();
+      const firstLineRect = firstLine.getBoundingClientRect();
+      setShowHeaderTitle(firstLineRect.bottom <= scrollRect.top);
+    },
+    [noteId],
+  );
 
   useEffect(() => {
     const scrollContainer = scrollContainerRef.current;
@@ -306,7 +309,7 @@ export function EditorPane({
       <div className="relative min-h-0 flex-1">
         <div
           className={cn(
-            "min-h-0 h-full overflow-y-scroll overscroll-y-contain",
+            "h-full min-h-0 overflow-y-scroll overscroll-y-contain",
             !isReadOnly && "cursor-text",
           )}
           data-editor-scroll-container

src/features/shell/use-shell-controller.ts

@@ -94,12 +94,16 @@ export function useShellController() {
     setPublishDialogOpen,
     setPublishShortNoteDialogOpen,
   } = publish;
-  const { isPending: isDeletePublishedNotePending, mutate: mutateDeletePublishedNote } =
-    deletePublishedNoteMutation;
+  const {
+    isPending: isDeletePublishedNotePending,
+    mutate: mutateDeletePublishedNote,
+  } = deletePublishedNoteMutation;
   const { isPending: isPublishNotePending, mutate: mutatePublishNote } =
     publishNoteMutation;
-  const { isPending: isPublishShortNotePending, mutate: mutatePublishShortNote } =
-    publishShortNoteMutation;
+  const {
+    isPending: isPublishShortNotePending,
+    mutate: mutatePublishShortNote,
+  } = publishShortNoteMutation;
   const pendingSaveTimeoutRef = useRef<number | null>(null);
   const isSavingRef = useRef(false);