From 2721b5062516d404ed865fa57e8c0683fbacc50b Mon Sep 17 00:00:00 2001
From: Sergio Betanzos <sbetanzos@opennebula.io>
Date: Wed, 16 Sep 2020 19:02:14 +0200
Subject: [PATCH] F #3951: Rename application form steps (#220)

* Fix height dialog form

* Rename application form steps
---
 src/fireedge/src/public/components/Dialogs/DialogForm.js    | 6 +++++-
 .../Application/Create/Steps/BasicConfiguration/index.js    | 4 ++--
 .../containers/Application/Create/Steps/Networks/index.js   | 2 +-
 .../containers/Application/Create/Steps/Roles/index.js      | 4 ++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/fireedge/src/public/components/Dialogs/DialogForm.js b/src/fireedge/src/public/components/Dialogs/DialogForm.js
index 3ac71a6306..e0f51ddf4b 100644
--- a/src/fireedge/src/public/components/Dialogs/DialogForm.js
+++ b/src/fireedge/src/public/components/Dialogs/DialogForm.js
@@ -31,7 +31,11 @@ const DialogForm = memo(
         maxWidth="lg"
         scroll="paper"
         PaperProps={{
-          style: { height: '100%', minHeight: '80%', minWidth: '80%' }
+          style: {
+            height: isMobile ? '100%' : '80%',
+            minHeight: '80%',
+            minWidth: '80%'
+          }
         }}
       >
         <DialogTitle>{title}</DialogTitle>
diff --git a/src/fireedge/src/public/containers/Application/Create/Steps/BasicConfiguration/index.js b/src/fireedge/src/public/containers/Application/Create/Steps/BasicConfiguration/index.js
index b47e43be5c..babd591159 100644
--- a/src/fireedge/src/public/containers/Application/Create/Steps/BasicConfiguration/index.js
+++ b/src/fireedge/src/public/containers/Application/Create/Steps/BasicConfiguration/index.js
@@ -6,11 +6,11 @@ import FormWithSchema from 'client/components/Forms/FormWithSchema';
 import { FORM_FIELDS, STEP_FORM_SCHEMA } from './schema';
 
 const BasicConfiguration = () => {
-  const STEP_ID = 'service';
+  const STEP_ID = 'application';
 
   return {
     id: STEP_ID,
-    label: 'Service configuration',
+    label: 'Application Overview',
     content: FormStep,
     resolver: STEP_FORM_SCHEMA,
     FormComponent: () => (
diff --git a/src/fireedge/src/public/containers/Application/Create/Steps/Networks/index.js b/src/fireedge/src/public/containers/Application/Create/Steps/Networks/index.js
index e30e074850..4b5b544987 100644
--- a/src/fireedge/src/public/containers/Application/Create/Steps/Networks/index.js
+++ b/src/fireedge/src/public/containers/Application/Create/Steps/Networks/index.js
@@ -18,7 +18,7 @@ const Networks = () => {
   return useMemo(
     () => ({
       id: STEP_ID,
-      label: 'Networks configuration',
+      label: 'Configure Networking',
       content: FormList,
       preRender: () => {
         getVNetworks();
diff --git a/src/fireedge/src/public/containers/Application/Create/Steps/Roles/index.js b/src/fireedge/src/public/containers/Application/Create/Steps/Roles/index.js
index 8e1e91bfae..ac6fc436e4 100644
--- a/src/fireedge/src/public/containers/Application/Create/Steps/Roles/index.js
+++ b/src/fireedge/src/public/containers/Application/Create/Steps/Roles/index.js
@@ -9,13 +9,13 @@ import FlowWithFAB from 'client/components/Flows/FlowWithFAB';
 import Steps from './Steps';
 
 const Roles = () => {
-  const STEP_ID = 'roles';
+  const STEP_ID = 'tiers';
   const { steps, defaultValues, resolvers } = Steps();
 
   return useMemo(
     () => ({
       id: STEP_ID,
-      label: 'Defining each role',
+      label: 'Tier Definition',
       content: FormList,
       DEFAULT_DATA: defaultValues,
       resolver: yup