11

zizdlp · Oct 20, 2024 · b04ae59 · b04ae59
1 parent cef4a4d
commit b04ae59
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/zbook_frontend/src/editor/components/BlockMenu.tsx b/zbook_frontend/src/editor/components/BlockMenu.tsx
@@ -17,7 +17,7 @@ class BlockMenu extends React.Component<BlockMenuProps> {
 
   clearSearch = () => {
     const { state, dispatch } = this.props.view;
-    const parent = findParentNode(node => !!node)(state.selection);
+    const parent = findParentNode((node) => !!node)(state.selection);
 
     if (parent) {
       dispatch(state.tr.insertText("", parent.pos, state.selection.to));

diff --git a/zbook_frontend/src/editor/components/BlockMenuItem.tsx b/zbook_frontend/src/editor/components/BlockMenuItem.tsx
@@ -26,12 +26,12 @@ function BlockMenuItem({
   const Icon = icon;
 
   const ref = React.useCallback(
-    node => {
+    (node) => {
       if (selected && node) {
         scrollIntoView(node, {
           scrollMode: "if-needed",
           block: "center",
-          boundary: parent => {
+          boundary: (parent) => {
             // All the parent elements of your target are checked until they
             // reach the #block-menu-container. Prevents body and other parent
             // elements from being scrolled
@@ -78,12 +78,12 @@ const MenuItem = styled.button<{
   height: 36px;
   cursor: pointer;
   border: none;
-  opacity: ${props => (props.disabled ? ".5" : "1")};
-  color: ${props =>
+  opacity: ${(props) => (props.disabled ? ".5" : "1")};
+  color: ${(props) =>
     props.selected
       ? props.theme.blockToolbarTextSelected
       : props.theme.blockToolbarText};
-  background: ${props =>
+  background: ${(props) =>
     props.selected
       ? props.theme.blockToolbarSelectedBackground ||
         props.theme.blockToolbarTrigger
@@ -93,8 +93,8 @@ const MenuItem = styled.button<{
 
   &:hover,
   &:active {
-    color: ${props => props.theme.blockToolbarTextSelected};
-    background: ${props =>
+    color: ${(props) => props.theme.blockToolbarTextSelected};
+    background: ${(props) =>
       props.selected
         ? props.theme.blockToolbarSelectedBackground ||
           props.theme.blockToolbarTrigger
@@ -103,7 +103,7 @@ const MenuItem = styled.button<{
 `;
 
 const Shortcut = styled.span`
-  color: ${props => props.theme.textSecondary};
+  color: ${(props) => props.theme.textSecondary};
   flex-grow: 1;
   text-align: right;
 `;