De-nest component definitions

concord-consortium · Mar 12, 2024 · 28f86aa · 28f86aa
1 parent b065a38
commit 28f86aa
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/components/utilities/editable-label-with-button.tsx b/src/components/utilities/editable-label-with-button.tsx
@@ -19,19 +19,6 @@ interface IProps {
  */
 export const EditableLabelWithButton = observer(function EditableDataSetName({defaultValue, onSubmit}: IProps) {
 
-  function EditButton() {
-    const { isEditing, getEditButtonProps } = useEditableControls();
-    if (!isEditing) {
-      return (
-        <button aria-label="Edit name" {...getEditButtonProps()}>
-          <EditIcon/>
-        </button>
-      );
-    } else {
-      return null;
-    }
-  }
-
   return (
     <Editable
       defaultValue={defaultValue}
@@ -44,3 +31,16 @@ export const EditableLabelWithButton = observer(function EditableDataSetName({de
     </Editable>
   );
 });
+
+function EditButton() {
+  const { isEditing, getEditButtonProps } = useEditableControls();
+  if (!isEditing) {
+    return (
+      <button aria-label="Edit name" {...getEditButtonProps()}>
+        <EditIcon/>
+      </button>
+    );
+  } else {
+    return null;
+  }
+}