From aeb314c1444ada0fcf6624ae03b85c7c4361db90 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Wed, 20 May 2026 17:33:10 +0000
Subject: [PATCH] fix biome formatting in quick-note-card

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/web/components/quick-note-card.tsx | 157 ++++++++++++------------
 1 file changed, 78 insertions(+), 79 deletions(-)

diff --git a/apps/web/components/quick-note-card.tsx b/apps/web/components/quick-note-card.tsx
index 51a4aa6f..b7bc1c86 100644
--- a/apps/web/components/quick-note-card.tsx
+++ b/apps/web/components/quick-note-card.tsx
@@ -117,101 +117,100 @@ export function QuickNoteCard({
 					onFocusCapture={() => setIsExpanded(true)}
 					onBlurCapture={handleBlurCapture}
 					style={{
-						boxShadow:
-							"inset 1.421px 1.421px 4.263px 0 rgba(11, 15, 21, 0.4)",
-					}}
-				>
-				<button
-					type="button"
-					onClick={handleMaximizeClick}
-					className="absolute top-3 right-3 text-[#737373] hover:text-white transition-colors cursor-pointer"
-					aria-label="Expand to full screen"
-				>
-					<Maximize2 className="size-[14px]" />
-				</button>
-
-				<div
-					className={cn(
-						dmSansClassName(),
-						"min-h-0 w-full flex-1 overflow-y-auto pr-5 text-white disabled:opacity-50",
-						"[&_.ProseMirror]:text-[12px] [&_.ProseMirror]:leading-normal [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-[#737373]",
-					)}
-					aria-disabled={isSaving}
-				>
-					<TextEditor
-						content={draft}
-						onContentChange={handleContentChange}
-						onSubmit={handleEditorSubmit}
-						debounceMs={0}
-						editable={!isSaving}
-					/>
-				</div>
-
-				<div
-					id="quick-note-action-bar"
-					className="mt-3 flex w-full items-center justify-center gap-8 rounded-[8px] bg-[#1B1F24] px-2 py-1.5"
-					style={{
-						boxShadow:
-							"0 4px 20px 0 rgba(0, 0, 0, 0.25), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.1)",
+						boxShadow: "inset 1.421px 1.421px 4.263px 0 rgba(11, 15, 21, 0.4)",
 					}}
 				>
 					<button
 						type="button"
-						onClick={handleSaveClick}
-						disabled={!canSave}
-						className={cn(
-							"flex items-center gap-1.5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
-						)}
+						onClick={handleMaximizeClick}
+						className="absolute top-3 right-3 text-[#737373] hover:text-white transition-colors cursor-pointer"
+						aria-label="Expand to full screen"
 					>
-						<span className="flex items-center gap-1.5">
-							{isSaving ? (
-								<Loader2 className="size-2 animate-spin text-[#fafafa]" />
-							) : (
-								<Plus className="size-2 text-[#fafafa]" />
-							)}
-							<span
-								className={cn(
-									dmSansClassName(),
-									"text-[10px] font-medium text-[#fafafa]",
-								)}
-							>
-								{isSaving ? "Saving..." : "Save note"}
-							</span>
-						</span>
+						<Maximize2 className="size-[14px]" />
+					</button>
 
-						<span
+					<div
+						className={cn(
+							dmSansClassName(),
+							"min-h-0 w-full flex-1 overflow-y-auto pr-5 text-white disabled:opacity-50",
+							"[&_.ProseMirror]:text-[12px] [&_.ProseMirror]:leading-normal [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-[#737373]",
+						)}
+						aria-disabled={isSaving}
+					>
+						<TextEditor
+							content={draft}
+							onContentChange={handleContentChange}
+							onSubmit={handleEditorSubmit}
+							debounceMs={0}
+							editable={!isSaving}
+						/>
+					</div>
+
+					<div
+						id="quick-note-action-bar"
+						className="mt-3 flex w-full items-center justify-center gap-8 rounded-[8px] bg-[#1B1F24] px-2 py-1.5"
+						style={{
+							boxShadow:
+								"0 4px 20px 0 rgba(0, 0, 0, 0.25), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.1)",
+						}}
+					>
+						<button
+							type="button"
+							onClick={handleSaveClick}
+							disabled={!canSave}
 							className={cn(
-								"bg-[rgba(33,33,33,0.5)] border border-[rgba(115,115,115,0.2)] rounded px-1 py-0.5 flex items-center gap-1 h-4",
+								"flex items-center gap-1.5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
 							)}
 						>
-							<svg
-								className="size-[10px]"
-								viewBox="0 0 9 9"
-								fill="none"
-								xmlns="http://www.w3.org/2000/svg"
-							>
-								<title>Command Key</title>
-								<path
-									d="M6.67 0.42C6.34 0.42 6.02 0.55 5.78 0.78C5.55 1.02 5.42 1.34 5.42 1.67V6.67C5.42 7 5.55 7.32 5.78 7.55C6.02 7.78 6.34 7.92 6.67 7.92C7 7.92 7.32 7.78 7.55 7.55C7.78 7.32 7.92 7 7.92 6.67C7.92 6.34 7.78 6.02 7.55 5.78C7.32 5.55 7 5.42 6.67 5.42H1.67C1.34 5.42 1.02 5.55 0.78 5.78C0.55 6.02 0.42 6.34 0.42 6.67C0.42 7 0.55 7.32 0.78 7.55C1.02 7.78 1.34 7.92 1.67 7.92C2 7.92 2.32 7.78 2.55 7.55C2.78 7.32 2.92 7 2.92 6.67V1.67C2.92 1.34 2.78 1.02 2.55 0.78C2.32 0.55 2 0.42 1.67 0.42C1.34 0.42 1.02 0.55 0.78 0.78C0.55 1.02 0.42 1.34 0.42 1.67C0.42 2 0.55 2.32 0.78 2.55C1.02 2.78 1.34 2.92 1.67 2.92H6.67C7 2.92 7.32 2.78 7.55 2.55C7.78 2.32 7.92 2 7.92 1.67C7.92 1.34 7.78 1.02 7.55 0.78C7.32 0.55 7 0.42 6.67 0.42Z"
-									stroke="#737373"
-									strokeWidth="0.833333"
-									strokeLinecap="round"
-									strokeLinejoin="round"
-								/>
-							</svg>
+							<span className="flex items-center gap-1.5">
+								{isSaving ? (
+									<Loader2 className="size-2 animate-spin text-[#fafafa]" />
+								) : (
+									<Plus className="size-2 text-[#fafafa]" />
+								)}
+								<span
+									className={cn(
+										dmSansClassName(),
+										"text-[10px] font-medium text-[#fafafa]",
+									)}
+								>
+									{isSaving ? "Saving..." : "Save note"}
+								</span>
+							</span>
+
 							<span
 								className={cn(
-									dmSansClassName(),
-									"text-[10px] font-medium text-[#737373]",
+									"bg-[rgba(33,33,33,0.5)] border border-[rgba(115,115,115,0.2)] rounded px-1 py-0.5 flex items-center gap-1 h-4",
 								)}
 							>
-								Enter
+								<svg
+									className="size-[10px]"
+									viewBox="0 0 9 9"
+									fill="none"
+									xmlns="http://www.w3.org/2000/svg"
+								>
+									<title>Command Key</title>
+									<path
+										d="M6.67 0.42C6.34 0.42 6.02 0.55 5.78 0.78C5.55 1.02 5.42 1.34 5.42 1.67V6.67C5.42 7 5.55 7.32 5.78 7.55C6.02 7.78 6.34 7.92 6.67 7.92C7 7.92 7.32 7.78 7.55 7.55C7.78 7.32 7.92 7 7.92 6.67C7.92 6.34 7.78 6.02 7.55 5.78C7.32 5.55 7 5.42 6.67 5.42H1.67C1.34 5.42 1.02 5.55 0.78 5.78C0.55 6.02 0.42 6.34 0.42 6.67C0.42 7 0.55 7.32 0.78 7.55C1.02 7.78 1.34 7.92 1.67 7.92C2 7.92 2.32 7.78 2.55 7.55C2.78 7.32 2.92 7 2.92 6.67V1.67C2.92 1.34 2.78 1.02 2.55 0.78C2.32 0.55 2 0.42 1.67 0.42C1.34 0.42 1.02 0.55 0.78 0.78C0.55 1.02 0.42 1.34 0.42 1.67C0.42 2 0.55 2.32 0.78 2.55C1.02 2.78 1.34 2.92 1.67 2.92H6.67C7 2.92 7.32 2.78 7.55 2.55C7.78 2.32 7.92 2 7.92 1.67C7.92 1.34 7.78 1.02 7.55 0.78C7.32 0.55 7 0.42 6.67 0.42Z"
+										stroke="#737373"
+										strokeWidth="0.833333"
+										strokeLinecap="round"
+										strokeLinejoin="round"
+									/>
+								</svg>
+								<span
+									className={cn(
+										dmSansClassName(),
+										"text-[10px] font-medium text-[#737373]",
+									)}
+								>
+									Enter
+								</span>
 							</span>
-						</span>
-					</button>
+						</button>
+					</div>
 				</div>
 			</div>
-		</div>
 		</>
 	)
 }