From 4f3b7832f9292e155688452b96885aa259bc092e Mon Sep 17 00:00:00 2001
From: samglover <sam@samglover.net>
Date: Tue, 11 Mar 2025 21:42:45 -0500
Subject: [PATCH] Resolve code formatting errors

---
 web/src/components/HomeSidebar/HomeSidebar.tsx         |  5 +----
 .../components/MemoDetailSidebar/MemoDetailSidebar.tsx |  2 +-
 web/src/components/MemoView.tsx                        | 10 +++++-----
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/web/src/components/HomeSidebar/HomeSidebar.tsx b/web/src/components/HomeSidebar/HomeSidebar.tsx
index 118efee74..c2c8a13ba 100644
--- a/web/src/components/HomeSidebar/HomeSidebar.tsx
+++ b/web/src/components/HomeSidebar/HomeSidebar.tsx
@@ -73,10 +73,7 @@ const HomeSidebar = observer((props: Props) => {
   return (
     <aside
       id="home-sidebar"
-      className={cn(
-        "relative w-full h-full overflow-auto flex flex-col justify-start items-start",
-        props.className
-      )}
+      className={cn("relative w-full h-full overflow-auto flex flex-col justify-start items-start", props.className)}
     >
       <SearchBar />
       <div className="mt-2 w-full space-y-1">
diff --git a/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx b/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
index e0149b7b3..b876b6d21 100644
--- a/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
+++ b/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
@@ -21,7 +21,7 @@ const MemoDetailSidebar = ({ memo, className, parentPage }: Props) => {
     <aside
       className={cn(
         "memo-detail-sidebar relative w-full h-auto max-h-screen overflow-auto hide-scrollbar flex flex-col justify-start items-start",
-        className
+        className,
       )}
     >
       <div className="flex flex-col justify-start items-start w-full px-1 gap-2 h-auto shrink-0 flex-nowrap hide-scrollbar">
diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index 3d8143f5c..3b4af714b 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -1,5 +1,6 @@
 import { Tooltip } from "@mui/joy";
 import { BookmarkIcon, EyeOffIcon, MessageCircleMoreIcon } from "lucide-react";
+// import { log } from "mermaid/dist/logger";
 import { memo, useCallback, useRef, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
 import useAsyncEffect from "@/hooks/useAsyncEffect";
@@ -24,7 +25,6 @@ import showPreviewImageDialog from "./PreviewImageDialog";
 import ReactionSelector from "./ReactionSelector";
 import UserAvatar from "./UserAvatar";
 import VisibilityIcon from "./VisibilityIcon";
-import { log } from "mermaid/dist/logger";
 
 interface Props {
   memo: Memo;
@@ -126,13 +126,13 @@ const MemoView: React.FC<Props> = (props: Props) => {
   memo.tags?.forEach((tag) => {
     memoTags = memoTags + " tagged-" + tag.toLowerCase();
   });
-  
+
   return (
     <div
       className={cn(
-        "memo " + 
-        memoTags + 
-        " group relative flex flex-col justify-start items-start w-full px-4 py-3 mb-2 gap-2 bg-white dark:bg-zinc-800 rounded-lg border border-white dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-700",
+        "memo " +
+          memoTags +
+          " group relative flex flex-col justify-start items-start w-full px-4 py-3 mb-2 gap-2 bg-white dark:bg-zinc-800 rounded-lg border border-white dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-700",
         className,
       )}
       ref={memoContainerRef}