Moved CollectionListRow to be a functional component

Author: aviroopjana

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -23,6 +23,20 @@ const CollectionListRowBase = (props) => {
   const [renameValue, setRenameValue] = useState('');
   const renameInput = useRef(null);
 
+  const closeAll = () => {
+    setOptionsOpen(false);
+    setRenameOpen(false);
+  };
+
+  const updateName = () => {
+    const isValid = renameValue.trim().length !== 0;
+    if (isValid) {
+      props.editCollection(props.collection.id, {
+        name: renameValue.trim()
+      });
+    }
+  };
+
   const onFocusComponent = () => {
     setIsFocused(true);
   };
@@ -52,11 +66,6 @@ const CollectionListRowBase = (props) => {
     }
   };
 
-  const closeAll = () => {
-    setOptionsOpen(false);
-    setRenameOpen(false);
-  };
-
   const handleAddSketches = () => {
     closeAll();
     props.onAddSketches();
@@ -100,15 +109,6 @@ const CollectionListRowBase = (props) => {
     closeAll();
   };
 
-  const updateName = () => {
-    const isValid = renameValue.trim().length !== 0;
-    if (isValid) {
-      props.editCollection(props.collection.id, {
-        name: renameValue.trim()
-      });
-    }
-  };
-
   const renderActions = () => {
     const { mobile } = props;
     const userIsOwner = props.user.username === props.username;
@@ -264,4 +264,3 @@ function mapDispatchToPropsSketchListRow(dispatch) {
 export default withTranslation()(
   connect(null, mapDispatchToPropsSketchListRow)(CollectionListRowBase)
 );
-