rename draggable to movable

5monkeys · Jul 7, 2022 · 1fc2a57 · 1fc2a57
1 parent d82297a
commit 1fc2a57
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/djedi-json/src/core/Editable/index.tsx b/packages/djedi-json/src/core/Editable/index.tsx
@@ -21,9 +21,9 @@ const Editable: React.FC<{
   config: ComponentConfig;
   tree: NodeTreeItem;
   path: string[];
-  draggable: boolean;
+  movable: boolean;
   children?: ReactNode;
-}> = ({ tree, config, children, path = [], draggable }) => {
+}> = ({ tree, config, children, path = [], movable }) => {
   // A ref to the parent. Could potentially be used to pin something or measure it to allow content-jumping.
   const ref = React.useRef<HTMLSpanElement>(null);
 
@@ -115,7 +115,7 @@ const Editable: React.FC<{
           >
             <Component {...componentProps} />
 
-            {Boolean(over && (config.removable || config.editable || draggable)) && (
+            {Boolean(over && (config.removable || config.editable || movable)) && (
               <span className={styles.toolbar}>
                 {config.editable && (
                   <button
@@ -137,7 +137,7 @@ const Editable: React.FC<{
                     <DeleteSVG fill="currentColor" />
                   </button>
                 )}
-                {draggable && (
+                {movable && (
                   <>
                     <button onClick={e => {
                       e.stopPropagation();

diff --git a/packages/djedi-json/src/core/Renderer/EditorTree.tsx b/packages/djedi-json/src/core/Renderer/EditorTree.tsx
@@ -11,7 +11,7 @@ import Editable from '../Editable';
  * @returns a rendered tree of components
  */
 
-const EditorTree: React.FC<{ tree: NodeTreeItem; path?: string[], draggable?: boolean, children?: ReactNode }> = ({ tree, path = [], draggable = false }) => {
+const EditorTree: React.FC<{ tree: NodeTreeItem; path?: string[], movable?: boolean, children?: ReactNode }> = ({ tree, path = [], movable = false }) => {
   const { config } = useCMS();
   const { components } = config;
 
@@ -25,12 +25,12 @@ const EditorTree: React.FC<{ tree: NodeTreeItem; path?: string[], draggable?: bo
   const { children } = tree.content;
 
   return (
-    <Editable config={Config} tree={tree} path={path} draggable={draggable}>
+    <Editable config={Config} tree={tree} path={path} movable={movable}>
       {Array.isArray(children) &&
         children?.map((child, i) => {
           const k = [...path, 'content', 'children', i.toString()];
-          const draggable = path.length === 0; // only make direct descendants of the root draggable
-          return <EditorTree draggable={draggable} tree={child} key={k.join('.')} path={k} />;
+          const movable = path.length === 0; // only make direct descendants of the root movable
+          return <EditorTree movable={movable} tree={child} key={k.join('.')} path={k} />;
         })}
     </Editable>
   );