Fix Palette Typo Everywhere

Author: AttAditya

src/components/window/AppBar/index.tsx

@@ -4,7 +4,7 @@ import { isDesktop } from "@utils/desktopTools";
 
 import { WindowActions } from "@components/window/WindowActions";
 import { ToolBar  } from "@components/window/ToolBar";
-import { Pallete  } from "@components/window/Pallete";
+import { Palette  } from "@components/window/Palette";
 
 import "./style.css";
 
@@ -33,7 +33,7 @@ export function AppBar({
 
       <ToolBar tools={tools} />
 
-      <Pallete generateSuggestions={generateSuggestions} />
+      <Palette generateSuggestions={generateSuggestions} />
 
       <div className="root-app-extra-title">
         <span>

src/components/window/Pallete/index.tsx renamed to src/components/window/Palette/index.tsx

@@ -7,7 +7,7 @@ import { DynamicIcon } from "@components/commons/DynamicIcon";
 
 import "./style.css";
 
-export function Pallete({
+export function Palette({
   generateSuggestions,
 }: {
   generateSuggestions: (query: string) => Suggestion[];
@@ -28,7 +28,7 @@ export function Pallete({
     >
       <Input
         value={query}
-        placeholder="App Pallete"
+        placeholder="App Palette"
         onChange={(e) => setQuery(e.target.value)}
       />
 

src/components/window/Pallete/style.css renamed to src/components/window/Palette/style.css

@@ -13,7 +13,7 @@ import { useNodeFactoryContext } from "@utils/nodeFactory";
 import { useNodeSystemContext } from "@utils/nodeSystem";
 import { useNodeHistoryContext } from "@utils/nodeHistory";
 import { usePromptContext } from "@utils/prompt";
-import { usePalleteContext } from "@utils/pallete";
+import { usePaletteContext } from "@utils/palette";
 import { useVariablesContext } from "@utils/variables";
 import { loadProject, saveProject } from "@utils/engineTools";
 import { packProject } from "@utils/packerTools";
@@ -24,7 +24,7 @@ import {
   getBreadcrumb,
   getWindowTools,
   loadExistingId,
-  updatePalleteRegistry,
+  updatePaletteRegistry,
 } from "@utils/projectTools";
 
 const createAppDataContext = () => {
@@ -69,7 +69,7 @@ const createAppDataContext = () => {
     const {
       addSuggestion,
       generateSuggestions,
-    } = usePalleteContext()!;
+    } = usePaletteContext()!;
 
     const {
       newNode,
@@ -193,7 +193,7 @@ const createAppDataContext = () => {
     ]);
 
     useEffect(() => {
-      updatePalleteRegistry(
+      updatePaletteRegistry(
         addSuggestion,
         openNode,
         entries,

src/utils/appData.tsx

@@ -8,13 +8,13 @@ import {
 
 import type { Suggestion } from "@defs/UI";
 
-function createPalleteContext() {
-  const PalleteContext = createContext<{
+function createPaletteContext() {
+  const PaletteContext = createContext<{
     addSuggestion: (suggestion: Suggestion, group: string) => void;
     generateSuggestions: (query: string) => Suggestion[];
   } | undefined>(undefined);
 
-  const PalleteProvider = ({ children }: {
+  const PaletteProvider = ({ children }: {
     children: ReactNode;
   }) => {
     const [ keys, setKeys ] = useState<{
@@ -88,24 +88,24 @@ function createPalleteContext() {
     };
 
     return (<>
-      <PalleteContext.Provider value={exposed}>
+      <PaletteContext.Provider value={exposed}>
         {children}
-      </PalleteContext.Provider>
+      </PaletteContext.Provider>
     </>);
   }
 
-  const usePalleteContext = () => {
-    return useContext(PalleteContext);
+  const usePaletteContext = () => {
+    return useContext(PaletteContext);
   }
 
   return {
-    PalleteProvider,
-    usePalleteContext
+    PaletteProvider,
+    usePaletteContext
   }
 }
 
 export const {
-  PalleteProvider,
-  usePalleteContext
-} = createPalleteContext();
+  PaletteProvider,
+  usePaletteContext
+} = createPaletteContext();
 

src/utils/pallete.tsx renamed to src/utils/palette.tsx

@@ -95,7 +95,7 @@ const setupProjectTools = () => {
     ];
   };
 
-  const updatePalleteRegistry = (
+  const updatePaletteRegistry = (
     addSuggestion: (suggestion: Suggestion, group: string) => void,
     openNode: (nodeId: string, topLevel?: boolean) => void,
     entries: string[],
@@ -171,14 +171,14 @@ const setupProjectTools = () => {
     getWindowTools,
     getBreadcrumb,
     loadExistingId,
-    updatePalleteRegistry,
+    updatePaletteRegistry,
   };
 }
 
 export const {
   getWindowTools,
   getBreadcrumb,
   loadExistingId,
-  updatePalleteRegistry,
+  updatePaletteRegistry,
 } = setupProjectTools();
 

src/utils/projectTools.ts

@@ -1,7 +1,7 @@
 import type { JSX, ReactNode } from "react";
 
 import { PromptProvider } from "@utils/prompt";
-import { PalleteProvider } from "@utils/pallete";
+import { PaletteProvider } from "@utils/palette";
 import { VariablesProvider } from "@utils/variables";
 import { NodeSystemProvider } from "@utils/nodeSystem";
 import { NodeHistoryProvider } from "@utils/nodeHistory";
@@ -19,7 +19,7 @@ export function RootProvider({ children }: {
   const providers: ProviderType[] = [
     UnsavedChangesProvider,
     PromptProvider,
-    PalleteProvider,
+    PaletteProvider,
     VariablesProvider,
     NodeSystemProvider,
     NodeHistoryProvider,