From 1a52ae6f6b00a7cc171cd17a048ea585f4346eb7 Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Thu, 21 Jul 2022 20:53:42 +0200
Subject: [PATCH] typo

---
 .../components/primitives/dnd/canvas.stories.tsx            | 2 +-
 .../design-system/components/primitives/dnd/placement.tsx   | 6 +++---
 .../components/primitives/dnd/sortable-list.stories.tsx     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx b/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
index d2f2a1132d..f5a9982083 100644
--- a/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
+++ b/apps/designer/app/shared/design-system/components/primitives/dnd/canvas.stories.tsx
@@ -267,7 +267,7 @@ export const Canvas = () => {
   });
 
   const placementHandlers = usePlacement({
-    onPalcementChange: (event) => {
+    onPlacementChange: (event) => {
       setPalcement(event);
     },
   });
diff --git a/apps/designer/app/shared/design-system/components/primitives/dnd/placement.tsx b/apps/designer/app/shared/design-system/components/primitives/dnd/placement.tsx
index 1941fcb120..b03fb7337a 100644
--- a/apps/designer/app/shared/design-system/components/primitives/dnd/placement.tsx
+++ b/apps/designer/app/shared/design-system/components/primitives/dnd/placement.tsx
@@ -61,7 +61,7 @@ const isEqualRect = (a: Rect | undefined, b: Rect) => {
 };
 
 type Parameters = {
-  onPalcementChange: (event: { index: number; placementRect: Rect }) => void;
+  onPlacementChange: (event: { index: number; placementRect: Rect }) => void;
 };
 
 type Handlers = {
@@ -71,7 +71,7 @@ type Handlers = {
   handleTargetChange: (target: HTMLElement) => void;
 };
 
-export const usePlacement = ({ onPalcementChange }: Parameters): Handlers => {
+export const usePlacement = ({ onPlacementChange }: Parameters): Handlers => {
   const state = useRef({
     childrenRectsCache: new WeakMap<HTMLElement, Rect[]>(),
     target: undefined as HTMLElement | undefined,
@@ -177,7 +177,7 @@ export const usePlacement = ({ onPalcementChange }: Parameters): Handlers => {
     state.current.placementRext = nextPlacementRect;
 
     if (placementRectChanged || indexChanged) {
-      onPalcementChange({ index: nextIndex, placementRect: nextPlacementRect });
+      onPlacementChange({ index: nextIndex, placementRect: nextPlacementRect });
     }
   };
 
diff --git a/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx b/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
index da47bdb0f4..adfa20c62e 100644
--- a/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
+++ b/apps/designer/app/shared/design-system/components/primitives/dnd/sortable-list.stories.tsx
@@ -125,7 +125,7 @@ export const SortableList = ({
   });
 
   const placementHandlers = usePlacement({
-    onPalcementChange: (event) => {
+    onPlacementChange: (event) => {
       setPalcement(event);
     },
   });