Merge pull request #35 from platformatic/feature/updating-configure-a…

…pplication-and-generating feat: updating configure application
platformatic · Nov 29, 2023 · 3809471 · 3809471
2 parents a08d920 + 4740bd0
commit 3809471
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/src/renderer/src/components/steps/ConfigureApplication.jsx b/src/renderer/src/components/steps/ConfigureApplication.jsx
@@ -29,6 +29,16 @@ const ConfigureApplication = React.forwardRef(({ onNext }, ref) => {
   const [validForm, setValidForm] = useState(false)
 
   function onClickGenerateApp () {
+    addFormData({
+      configureApplication: {
+        entrypoint: form.entryPoint,
+        port: form.port,
+        logLevel: form.logLevel,
+        typescript: form.language === TYPESCRIPT,
+        createGitHubRepository: form.createGitHubRepository,
+        installGitHubActions: form.installGitHubActions
+      }
+    })
     onNext()
   }
 
@@ -212,6 +222,7 @@ const ConfigureApplication = React.forwardRef(({ onNext }, ref) => {
       </div>
       <div className={`${styles.buttonContainer} ${commonStyles.fullWidth}`}>
         <Button
+          type='button'
           disabled={!validForm}
           label='Generate App'
           onClick={() => onClickGenerateApp()}

diff --git a/src/renderer/src/components/steps/GeneratingApplication.jsx b/src/renderer/src/components/steps/GeneratingApplication.jsx
@@ -1,5 +1,5 @@
 'use strict'
-import React from 'react'
+import React, { useEffect } from 'react'
 import PropTypes from 'prop-types'
 import { BorderedBox, Button, Icons } from '@platformatic/ui-components'
 import commonStyles from '~/styles/CommonStyles.module.css'
@@ -130,7 +130,21 @@ function StepCreation ({ step, index, concludedStep, /* startTime = 0, endTime =
 
 const GeneratingApplication = React.forwardRef(({ onClickComplete }, ref) => {
   const globalState = useStackablesStore()
-  const { formData } = globalState
+  const { formData, services } = globalState
+
+  useEffect(() => {
+    async function generateApplication () {
+      try {
+        console.log('let\'scall createApp')
+        const obj = { projectName: formData.createApplication.application, services, ...formData.configureApplication }
+        console.log(`prjectDir: ${formData.createApplication.path}`)
+        console.log(obj)
+      } catch (error) {
+        console.log(`Error on prepareFolder ${error}`)
+      }
+    }
+    generateApplication()
+  }, [])
 
   return (
     <div className={`${commonStyles.largeFlexBlock} ${commonStyles.halfWidth}`} ref={ref}>