@openmrs/esm-form-builder-app 2.2.2-pre.645 → 2.2.2-pre.651

package/src/components/form-editor/form-editor.component.tsx

@@ -250,17 +250,21 @@ const FormEditor: React.FC = () => {
             <div className={styles.actionButtons}>
               {isLoadingFormOrSchema ? (
                 <InlineLoading description={t('loadingSchema', 'Loading schema') + '...'} />
-              ) : null}
+              ) : (
+                <h1 className={styles.formName}>{form?.name}</h1>
+              )}
 
-              {isNewSchema && !schema ? (
-                <Button kind="ghost" onClick={inputDummySchema}>
-                  {t('inputDummySchema', 'Input dummy schema')}
-                </Button>
-              ) : null}
+              <div>
+                {isNewSchema && !schema ? (
+                  <Button kind="ghost" onClick={inputDummySchema}>
+                    {t('inputDummySchema', 'Input dummy schema')}
+                  </Button>
+                ) : null}
 
-              <Button kind="ghost" onClick={renderSchemaChanges}>
-                <span>{t('renderChanges', 'Render changes')}</span>
-              </Button>
+                <Button kind="ghost" onClick={renderSchemaChanges}>
+                  <span>{t('renderChanges', 'Render changes')}</span>
+                </Button>
+              </div>
             </div>
             <div>
               <div className={styles.heading}>

package/src/components/form-editor/form-editor.scss

@@ -41,7 +41,7 @@
 .actionButtons {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
+  justify-content: space-between;
   margin: 1rem 0;
 
   button {
@@ -49,6 +49,10 @@
   }
 }
 
+.formName {
+  @include type.type-style('heading-03');
+}
+
 .editorContainer {
   padding: 1rem;
 }
@@ -67,3 +71,4 @@
   width: 100%;
   padding: 0.75rem;
 }
+

package/src/setup-tests.ts

@@ -1,3 +1,6 @@
 import '@testing-library/jest-dom';
 
 window.URL.createObjectURL = jest.fn();
+window.openmrsBase = '/openmrs';
+window.spaBase = '/spa';
+window.getOpenmrsSpaBase = () => '/openmrs/spa/';