Fix typo

src/components/ColorPalette.jsx

@@ -2,7 +2,7 @@ import { Button } from "@douyinfe/semi-ui";
 import { IconCheckboxTick } from "@douyinfe/semi-icons";
 import { tableThemes } from "../data/constants";
 
-export default function ColorPallete({
+export default function ColorPalette({
   currentColor,
   onClearColor,
   onPickColor,

src/components/EditorCanvas/Area.jsx

@@ -1,9 +1,6 @@
 import { useState } from "react";
 import { Button, Popover, Input, Toast } from "@douyinfe/semi-ui";
-import {
+import { IconEdit, IconDeleteStroked } from "@douyinfe/semi-icons";
-  IconEdit,
-  IconDeleteStroked,
-} from "@douyinfe/semi-icons";
 import {
   Tab,
   Action,
@@ -20,7 +17,7 @@ import {
   useSaveState,
   useTransform,
 } from "../../hooks";
-import ColorPallete from "../ColorPallete";
+import ColorPalette from "../ColorPalette";
 
 export default function Area({ data, onMouseDown, setResize, setInitCoords }) {
   const [hovered, setHovered] = useState(false);
@@ -224,7 +221,7 @@ function EditPopoverContent({ data }) {
         <Popover
           content={
             <div className="popover-theme">
-              <ColorPallete
+              <ColorPalette
                 currentColor={data.color}
                 onPickColor={(c) => {
                   setUndoStack((prev) => [

src/components/EditorSidePanel/AreasTab/AreaDetails.jsx

@@ -8,7 +8,7 @@ import {
   State,
   defaultBlue,
 } from "../../../data/constants";
-import ColorPallete from "../../ColorPallete";
+import ColorPalette from "../../ColorPalette";
 
 export default function AreaInfo({ data, i }) {
   const { setSaveState } = useSaveState();
@@ -52,7 +52,7 @@ export default function AreaInfo({ data, i }) {
         <Popover
           content={
             <div className="popover-theme">
-              <ColorPallete
+              <ColorPalette
                 currentColor={data.color}
                 onClearColor={() => {
                   updateArea(i, { color: defaultBlue });

src/components/EditorSidePanel/TablesTab/TableInfo.jsx

@@ -13,7 +13,7 @@ import {
 import { IconDeleteStroked } from "@douyinfe/semi-icons";
 import { useTables, useUndoRedo } from "../../../hooks";
 import { Action, ObjectType, defaultBlue } from "../../../data/constants";
-import ColorPallete from "../../ColorPallete";
+import ColorPalette from "../../ColorPalette";
 import TableField from "./TableField";
 import IndexDetails from "./IndexDetails";
 
@@ -125,7 +125,7 @@ export default function TableInfo({ data }) {
           <Popover
             content={
               <div className="popover-theme">
-                <ColorPallete
+                <ColorPalette
                   currentColor={data.color}
                   onClearColor={() => {
                     setUndoStack((prev) => [