From e6445dbed0d9f2bd9feee403b3d8b9b0bde4393c Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Wed, 8 Jan 2025 17:07:07 +0800
Subject: [PATCH] refactor: comment out unused code in font-size-slider and
 update dependencies in editor-panel and chat components

---
 .../(main)/components/font-size-slider.tsx    | 92 +++++++++----------
 src/app/playground/layout/editor-panel.tsx    |  3 +-
 src/components/ui/chat/chat-input.tsx         |  1 +
 src/components/ui/chat/chat-message-list.tsx  |  2 +
 4 files changed, 51 insertions(+), 47 deletions(-)

diff --git a/src/app/(main)/components/font-size-slider.tsx b/src/app/(main)/components/font-size-slider.tsx
index ce3fa3c..df2156a 100644
--- a/src/app/(main)/components/font-size-slider.tsx
+++ b/src/app/(main)/components/font-size-slider.tsx
@@ -1,49 +1,49 @@
-import { cn } from "@/lib/utils";
-import { Slider } from "@/components/ui/slider";
-import { useCodeEditorStore } from "@/store/useCodeEditorStore";
-import { MAX_FONT_SIZE, MIN_FONT_SIZE } from "@/constants/editor/options";
+// import { cn } from "@/lib/utils";
+// import { Slider } from "@/components/ui/slider";
+// import { useCodeEditorStore } from "@/store/useCodeEditorStore";
+// import { MAX_FONT_SIZE, MIN_FONT_SIZE } from "@/constants/editor/options";
 
-export default function FontSizeSlider() {
-  const skipInterval = 2;
-  const ticks = [...Array(MAX_FONT_SIZE - MIN_FONT_SIZE + 1)].map(
-    (_, i) => i + MIN_FONT_SIZE
-  );
-  const { fontSize, setFontSize } = useCodeEditorStore();
+// export default function FontSizeSlider() {
+//   const skipInterval = 2;
+//   const ticks = [...Array(MAX_FONT_SIZE - MIN_FONT_SIZE + 1)].map(
+//     (_, i) => i + MIN_FONT_SIZE
+//   );
+//   const { fontSize, setFontSize } = useCodeEditorStore();
 
-  const handleSliderChange = (value: number[]) => {
-    setFontSize(value[0]);
-  };
+//   const handleSliderChange = (value: number[]) => {
+//     setFontSize(value[0]);
+//   };
 
-  return (
-    <div className="w-48 h-8">
-      <Slider
-        value={[fontSize]}
-        min={MIN_FONT_SIZE}
-        max={MAX_FONT_SIZE}
-        onValueChange={handleSliderChange}
-        aria-label="Slider with ticks"
-      />
-      <span
-        className="mt-3 flex w-full items-center justify-between gap-1 px-2.5 text-xs font-medium text-muted-foreground"
-        aria-hidden="true"
-      >
-        {ticks.map((tick, i) => (
-          <span
-            key={i}
-            className="flex w-0 flex-col items-center justify-center gap-2"
-          >
-            <span
-              className={cn(
-                "h-1 w-px bg-muted-foreground/70",
-                i % skipInterval !== 0 && "h-0.5"
-              )}
-            />
-            <span className={cn(i % skipInterval !== 0 && "opacity-0")}>
-              {tick}
-            </span>
-          </span>
-        ))}
-      </span>
-    </div>
-  );
-}
+//   return (
+//     <div className="w-48 h-8">
+//       <Slider
+//         value={[fontSize]}
+//         min={MIN_FONT_SIZE}
+//         max={MAX_FONT_SIZE}
+//         onValueChange={handleSliderChange}
+//         aria-label="Slider with ticks"
+//       />
+//       <span
+//         className="mt-3 flex w-full items-center justify-between gap-1 px-2.5 text-xs font-medium text-muted-foreground"
+//         aria-hidden="true"
+//       >
+//         {ticks.map((tick, i) => (
+//           <span
+//             key={i}
+//             className="flex w-0 flex-col items-center justify-center gap-2"
+//           >
+//             <span
+//               className={cn(
+//                 "h-1 w-px bg-muted-foreground/70",
+//                 i % skipInterval !== 0 && "h-0.5"
+//               )}
+//             />
+//             <span className={cn(i % skipInterval !== 0 && "opacity-0")}>
+//               {tick}
+//             </span>
+//           </span>
+//         ))}
+//       </span>
+//     </div>
+//   );
+// }
diff --git a/src/app/playground/layout/editor-panel.tsx b/src/app/playground/layout/editor-panel.tsx
index cfd5497..17fccfd 100644
--- a/src/app/playground/layout/editor-panel.tsx
+++ b/src/app/playground/layout/editor-panel.tsx
@@ -5,6 +5,7 @@ import { useEditorStore } from "@/store/useEditorStore";
 
 export default function EditorPanel() {
   const { setLanguage, setCode } = useEditorStore();
+
   useEffect(() => {
     const handleMessage = (event: MessageEvent) => {
       if (event.origin === "https://editor.litchi.icu") {
@@ -20,7 +21,7 @@ export default function EditorPanel() {
     return () => {
       window.removeEventListener("message", handleMessage);
     };
-  }, []);
+  }, [setLanguage, setCode]);
 
   return <iframe src="https://editor.litchi.icu" className="w-full h-full" />;
 }
diff --git a/src/components/ui/chat/chat-input.tsx b/src/components/ui/chat/chat-input.tsx
index fd7ea16..00d4240 100644
--- a/src/components/ui/chat/chat-input.tsx
+++ b/src/components/ui/chat/chat-input.tsx
@@ -2,6 +2,7 @@ import * as React from "react";
 import { Textarea } from "@/components/ui/textarea";
 import { cn } from "@/lib/utils";
 
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 interface ChatInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>{}
 
 const ChatInput = React.forwardRef<HTMLTextAreaElement, ChatInputProps>(
diff --git a/src/components/ui/chat/chat-message-list.tsx b/src/components/ui/chat/chat-message-list.tsx
index 8743874..70809a9 100644
--- a/src/components/ui/chat/chat-message-list.tsx
+++ b/src/components/ui/chat/chat-message-list.tsx
@@ -8,10 +8,12 @@ interface ChatMessageListProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 const ChatMessageList = React.forwardRef<HTMLDivElement, ChatMessageListProps>(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ className, children, smooth = false, ...props }, _ref) => {
     const {
       scrollRef,
       isAtBottom,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       autoScrollEnabled,
       scrollToBottom,
       disableAutoScroll,