fix a typo

SysCV · Feb 20, 2024 · 1a2715b · 1a2715b
1 parent 874e1e8
commit 1a2715b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/app/frontend/src/component/panel/menu/common.ts b/app/frontend/src/component/panel/menu/common.ts
@@ -22,7 +22,7 @@ export type Action = {
 export function useComponentActions(entityId: EntityId, componentId: ComponentId): Action[] {
   const sliceIndex = useRenderStore(s => s.sliceIndex);
 
-  const seperateComponent = useAnnoStore(s => s.seperateComponent);
+  const separateComponent = useAnnoStore(s => s.separateComponent);
   const deleteComponents = useAnnoStore(s => s.deleteComponents);
   const startManipulation = useRenderStore(s => s.manipulate.start);
 
@@ -47,7 +47,7 @@ export function useComponentActions(entityId: EntityId, componentId: ComponentId
       fn: () => {
         const eid = uuidv4();
         const cid = uuidv4();
-        seperateComponent({sliceIndex, entityId, componentId, newEntityId: eid, newComponentId: cid});
+        separateComponent({sliceIndex, entityId, componentId, newEntityId: eid, newComponentId: cid});
       },
     },
     {

diff --git a/app/frontend/src/state/annotate/annotation-broadcast.ts b/app/frontend/src/state/annotate/annotation-broadcast.ts
@@ -16,7 +16,7 @@ import {
   DeleteEntitiesInput,
   DeletePolychainVertexInput,
   PasteInput,
-  SeperateComponentInput,
+  SeparateComponentInput,
   SetEntityCategoryInput,
   SetPolychainVertexBezierInput,
   StateManipulation,
@@ -70,7 +70,7 @@ function useAnnoBroadcast(): StateManipulation {
       cats.delete(key);
     },
 
-    seperateComponent: (input: SeperateComponentInput) => {
+    separateComponent: (input: SeparateComponentInput) => {
       const {sliceIndex: sidx, entityId: eid, componentId: cid, newEntityId, newComponentId} = input;
 
       const comp = comps.get(cid);

diff --git a/app/frontend/src/state/annotate/annotation.ts b/app/frontend/src/state/annotate/annotation.ts
@@ -26,7 +26,7 @@ export type StateManipulation = {
   addComponents: (input: AddComponentsInput) => void;
   transferComponent: (input: TransferComponentInput) => void;
   deleteComponents: (input: DeleteComponentsInput) => void;
-  seperateComponent: (input: SeperateComponentInput) => void; // TODO(xu): correct typo
+  separateComponent: (input: SeparateComponentInput) => void;
   updatePolychainVertices: (input: UpdatePolychainVerticesInput) => void;
   deletePolychainVertex: (input: DeletePolychainVertexInput) => void;
   setPolychainVertexBezier: (input: SetPolychainVertexBezierInput) => void;
@@ -94,7 +94,7 @@ export type DeleteComponentsInput = {
   components: [EntityId, ComponentId][];
 };
 
-export type SeperateComponentInput = {
+export type SeparateComponentInput = {
   sliceIndex: SliceIndex;
   entityId: EntityId;
   componentId: ComponentId;
@@ -210,7 +210,7 @@ export const useStore = create<State>()(
           });
         },
 
-        seperateComponent: (input: SeperateComponentInput) => {
+        separateComponent: (input: SeparateComponentInput) => {
           set(s => {
             const {sliceIndex, entityId, componentId, newEntityId, newComponentId} = input;