From 985c53036a97cab785d48742df92ec4bc736d406 Mon Sep 17 00:00:00 2001
From: Yousif Yassi <yousif@heartex.com>
Date: Wed, 19 Jul 2023 08:10:45 -0400
Subject: [PATCH] fixing typeos

---
 src/components/DataManager/Toolbar/ActionsButton.js   | 4 ++--
 src/components/DataManager/Toolbar/ActionsButton.styl | 4 ++--
 src/stores/Action.js                                  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DataManager/Toolbar/ActionsButton.js b/src/components/DataManager/Toolbar/ActionsButton.js
index 7d53181d..c94589c7 100644
--- a/src/components/DataManager/Toolbar/ActionsButton.js
+++ b/src/components/DataManager/Toolbar/ActionsButton.js
@@ -85,7 +85,7 @@ export const ActionsButton = injector(observer(({ store, size, hasSelected, ...r
         mod={{ 
           hasSeperator: isDeleteAction,
           hasSubMenu: action.children?.length > 0,
-          isSeperator: action.isSeperator,
+          isSeparator: action.isSeparator,
           isTitle: action.isTitle,
           danger: isDeleteAction,
         }}
@@ -127,7 +127,7 @@ export const ActionsButton = injector(observer(({ store, size, hasSelected, ...r
           onClick={() => {
             invokeAction(action, isDeleteAction);
           }}
-          className={`actionButton${action.isSeperator ? "_isSeperator" : (action.isTitle ? "_isTitle" : "")}`}
+          className={`actionButton${action.isSeparator ? "_isSeparator" : (action.isTitle ? "_isTitle" : "")}`}
           icon={isDeleteAction && <FaTrash />}
         >
           {action.title}
diff --git a/src/components/DataManager/Toolbar/ActionsButton.styl b/src/components/DataManager/Toolbar/ActionsButton.styl
index d494aa3e..ddf0a72e 100644
--- a/src/components/DataManager/Toolbar/ActionsButton.styl
+++ b/src/components/DataManager/Toolbar/ActionsButton.styl
@@ -26,7 +26,7 @@
     &:hover
       background-color transparent !important
       color #096DD9 !important
-  &_isSeperator
+  &_isSeparator
     cursor initial
     height 1px
     background-color rgba(137, 128, 152, 0.12) !important
@@ -95,7 +95,7 @@
           cursor default
           &:hover
             background transparent
-      &_isSeperator
+      &_isSeparator
         height 1px
         padding 0
         &.menu__item
diff --git a/src/stores/Action.js b/src/stores/Action.js
index 54d5640c..adc9e14a 100644
--- a/src/stores/Action.js
+++ b/src/stores/Action.js
@@ -56,7 +56,7 @@ export const Action = types.model("Action", {
   ...(isFFLOPSE3 ? {
     children: types.optional(types.array(types.late(() => Action)), []),
     callback: types.maybeNull(CustomCalback),
-    isSeperator: types.optional(types.boolean, false),
+    isSeparator: types.optional(types.boolean, false),
     isTitle: types.optional(types.boolean, false),
     newStyle: types.optional(types.boolean, false),
   } : {}),