chore(ui): clear remaining frontend warnings

Resolve the remaining lint warnings without changing behavior by fixing hook dependency lists, removing the icon naming false positive, and switching the YouTube thumbnail to next/image for compliant rendering.
This commit is contained in:
david_bai
2026-03-27 17:20:49 +08:00
parent 7a1ab18657
commit 7e781631bb
4 changed files with 24 additions and 10 deletions
@@ -1,4 +1,4 @@
import { Link2, Image, Code } from "lucide-react";
import { Link2, Image as ImageIcon, Code } from "lucide-react";
interface InsertToolsProps {
insertLink: () => void;
@@ -25,7 +25,7 @@ export function InsertTools({
onClick={insertImage}
title="Upload image"
>
<Image className="w-3.5 h-3.5" />
<ImageIcon className="w-3.5 h-3.5" />
</button>
<button
className="p-1.5 hover:bg-accent rounded"
@@ -76,7 +76,7 @@ export const useEditorCommands = (
// Update HTML
handleChange();
},
[findStyleParent, getSelection, removeStyle]
[editorRef, findStyleParent, getSelection, handleChange]
);
// Align text
@@ -129,7 +129,7 @@ export const useEditorCommands = (
// Update HTML
handleChange();
},
[getSelection]
[editorRef, getSelection, handleChange]
);
// Set font style
@@ -218,7 +218,7 @@ export const useEditorCommands = (
handleChange();
},
[getSelection, findStyleParent, cleanupSpan]
[cleanupSpan, findStyleParent, getSelection, handleChange]
);
// Insert link
@@ -258,7 +258,7 @@ export const useEditorCommands = (
handleChange();
}
}
}, [getSelection]);
}, [getSelection, handleChange]);
// Insert image
const insertImage = useCallback(() => {
@@ -290,7 +290,7 @@ export const useEditorCommands = (
}
};
input.click();
}, [getSelection]);
}, [getSelection, handleChange]);
// Insert code block
const insertCodeBlock = useCallback(() => {
@@ -318,7 +318,7 @@ export const useEditorCommands = (
range.deleteContents();
range.insertNode(pre);
handleChange();
}, [getSelection]);
}, [getSelection, handleChange]);
return {
formatText,