Added env script for reach

.gitpod.yml

@@ -3,6 +3,7 @@ tasks:
     openMode: tab-after
     init: |
       bash install-node.sh
+      bash make-envs-for-react.sh
       nvm use 14
       cd packages/enketo-express && pnpm i && pnpm i -g grunt
       gp sync-done setup

apps/wrapper/src/App.js

@@ -2,7 +2,6 @@ import './App.css';
 import React, { useState, useEffect } from 'react';
 import GenericForm from './components/GenericForm';
 
-
 function App() {
   const [flows, setFlows] = useState([
     {
@@ -40,7 +39,7 @@ function App() {
               {flows?.map(el => <div className='workflowBtns' onClick={() => setSelectedFlow(el)}>{el.name}</div>)}
             </div>
           </>
-          : <GenericForm {...{ selectedFlow }} />
+          : <GenericForm {...{ selectedFlow, setSelectedFlow}} />
         }
 
       </div>

apps/wrapper/src/components/GenericForm/index.js

@@ -4,7 +4,7 @@ import styles from './index.module.css';
 const GITPOD_URL = process.env.GITPOD_WORKSPACE_URL
 
 const GenericForm = (props) => {
-  const { selectedFlow } = props;
+  const { selectedFlow, setSelectedFlow } = props;
   const formSpec = require(`../../${selectedFlow.config}`);
   const [isFirst, setIsFirst] = useState(true);
   // Encode string method to URI
@@ -14,6 +14,7 @@ const GenericForm = (props) => {
 
   const getFormURI = (form, ofsd, prefillSpec) => {
     console.log(form, ofsd, prefillSpec);
+    // return encodeURIComponent(`https://3006-samagradevelop-workflow-gkbrz650idv.ws-us89b.gitpod.io/prefill?form=${form}&onFormSuccessData=${encodeFunction(ofsd)}&prefillSpec=${encodeFunction(prefillSpec)}`);
     return encodeURIComponent(`${GITPOD_URL.slice(0, GITPOD_URL.indexOf('/') + 2) + "3006-" + GITPOD_URL.slice(GITPOD_URL.indexOf('/') + 2)}/prefill?form=${form}&onFormSuccessData=${encodeFunction(ofsd)}&prefillSpec=${encodeFunction(prefillSpec)}`);
   }
 
@@ -56,10 +57,8 @@ const GenericForm = (props) => {
 
   return (
     <div className={styles.container}>
-      <div className={styles.header}>
-        <div>Go back</div>
-        <div>{selectedFlow.name}</div>
-      </div>
+      <div>{selectedFlow.name}</div>
+      <div onClick={() => setSelectedFlow({})}>Go Back</div>
       <iframe title='current-form'
         className={styles.odkForm}
         src={

apps/wrapper/src/components/GenericForm/index.module.css

@@ -6,23 +6,22 @@
     align-items: center;
     width: 40vw;
     padding-bottom: 2rem;
+    position: relative;
 }
 
-.header {
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-    justify-content: space-between;
-}
-
-.header:nth-child(1) {
-    font-size: 1rem;
+.container >div:nth-child(1) {
+    font-size: 3rem;
     color: #ffc119;
 }
 
-.header:nth-child(2) {
-    font-size: 3rem;
+.container >div:nth-child(2) {
+    font-size: 1rem;
     color: #ffc119;
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+    margin-top: 1.5rem;
 }
 
 .odkForm {

make-envs-for-react.sh

+echo REACT_APP_GITPOD_WORKSPACE_URL=${GITPOD_WORKSPACE_URL} > ./apps/wrappers/.env
\ No newline at end of file