From 155810d7e6e3e890373dec2ae1bf5475fb771849 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Sat, 6 Apr 2024 10:27:11 +0300
Subject: [PATCH] Fix typo

---
 src/components/{ColorPallete.jsx => ColorPalette.jsx}   | 2 +-
 src/components/EditorCanvas/Area.jsx                    | 9 +++------
 src/components/EditorSidePanel/AreasTab/AreaDetails.jsx | 4 ++--
 src/components/EditorSidePanel/TablesTab/TableInfo.jsx  | 4 ++--
 4 files changed, 8 insertions(+), 11 deletions(-)
 rename src/components/{ColorPallete.jsx => ColorPalette.jsx} (97%)

diff --git a/src/components/ColorPallete.jsx b/src/components/ColorPalette.jsx
similarity index 97%
rename from src/components/ColorPallete.jsx
rename to src/components/ColorPalette.jsx
index b822d1c..b218807 100644
--- a/src/components/ColorPallete.jsx
+++ b/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,
diff --git a/src/components/EditorCanvas/Area.jsx b/src/components/EditorCanvas/Area.jsx
index e6f25d6..ca30069 100644
--- a/src/components/EditorCanvas/Area.jsx
+++ b/src/components/EditorCanvas/Area.jsx
@@ -1,9 +1,6 @@
 import { useState } from "react";
 import { Button, Popover, Input, Toast } from "@douyinfe/semi-ui";
-import {
-  IconEdit,
-  IconDeleteStroked,
-} from "@douyinfe/semi-icons";
+import { 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) => [
diff --git a/src/components/EditorSidePanel/AreasTab/AreaDetails.jsx b/src/components/EditorSidePanel/AreasTab/AreaDetails.jsx
index 3c9802b..2e5351e 100644
--- a/src/components/EditorSidePanel/AreasTab/AreaDetails.jsx
+++ b/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 });
diff --git a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
index cac7b82..8b2cb08 100644
--- a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
+++ b/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) => [