- Breaking up the profile

app/components/Profile/Profile.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { View } from 'react-native';
 
+import CreateProfile from './CreateProfile.js';
 import EditProfile from './EditProfile.container.js';
 import ViewProfile from './ViewProfile.container.js';
 
@@ -10,7 +11,6 @@ export default function Profile({
     isGuidedRegistration,
     isInEditMode,
     saveProfileAction,
-    saveProfileLabel,
 }) {
     const [editMode, setEditMode] = useState(isInEditMode);
 
@@ -26,15 +26,20 @@ export default function Profile({
 
     return (
         <View>
-            {editMode ? (
+            {!editMode && (
+                <ViewProfile editProfileAction={() => setEditMode(true)} />
+            )}
+            {editMode && isGuidedRegistration && (
+                <CreateProfile
+                    cancelEditAction={_cancelEditAction}
+                    saveProfileAction={_saveProfileAction}
+                />
+            )}
+            {editMode && !isGuidedRegistration && (
                 <EditProfile
                     cancelEditAction={_cancelEditAction}
-                    isGuided={isGuidedRegistration}
                     saveProfileAction={_saveProfileAction}
-                    saveProfileLabel={saveProfileLabel}
                 />
-            ) : (
-                <ViewProfile editProfileAction={() => setEditMode(true)} />
             )}
         </View>
     );
@@ -45,7 +50,6 @@ Profile.propTypes = {
     isGuidedRegistration: PropTypes.bool,
     isInEditMode: PropTypes.bool,
     saveProfileAction: PropTypes.func.isRequired,
-    saveProfileLabel: PropTypes.string,
 };
 
 Profile.defaultProps = {