From b8e1f67108885cb0d413a39b986f754fd0287a2a Mon Sep 17 00:00:00 2001
From: Unknown <nikolabjelo@gmail.com>
Date: Sun, 10 Feb 2019 19:15:23 +0100
Subject: [PATCH] Adding Rules and Prices to mutation calls

---
 src/Components/Event/Create/index.js          |  4 +
 src/Components/Event/Edit/Tabs/Basic.js       |  6 +-
 .../Event/Edit/Tabs/Technical/index.js        |  6 +-
 src/Components/Event/Edit/queried.js          | 82 +++++++++++--------
 4 files changed, 59 insertions(+), 39 deletions(-)

diff --git a/src/Components/Event/Create/index.js b/src/Components/Event/Create/index.js
index 125450239..b197c87f3 100644
--- a/src/Components/Event/Create/index.js
+++ b/src/Components/Event/Create/index.js
@@ -145,6 +145,8 @@ class Create extends React.Component {
                             finishDatetime: finishDatetime.valueOf() / 1000,
                             formulaId,
                             plotterId,
+                            prizes,
+                            rules,
                           },
                         },
                       })}
@@ -169,6 +171,8 @@ class Create extends React.Component {
                             finishDatetime: finishDatetime.valueOf() / 1000,
                             formulaId,
                             plotterId,
+                            prizes,
+                            rules,
                           },
                         },
                       })}
diff --git a/src/Components/Event/Edit/Tabs/Basic.js b/src/Components/Event/Edit/Tabs/Basic.js
index 15df901b6..140388415 100644
--- a/src/Components/Event/Edit/Tabs/Basic.js
+++ b/src/Components/Event/Edit/Tabs/Basic.js
@@ -19,7 +19,9 @@ import styles from '../styles';
 
 class Basic extends React.Component {
   render() {
-    const { classes, event, edit } = this.props;
+    const {
+      classes, event, edit, saveChanges,
+    } = this.props;
     return (
       <React.Fragment>
         <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
@@ -102,7 +104,7 @@ class Basic extends React.Component {
             >
               Go to technical tab
             </Button>
-            <Button className={classes.bottomButton} type='submit' variant='contained' color='secondary'>
+            <Button className={classes.bottomButton} onClick={() => saveChanges()} variant='contained' color='secondary'>
               Or Create event
             </Button>
           </Grid>
diff --git a/src/Components/Event/Edit/Tabs/Technical/index.js b/src/Components/Event/Edit/Tabs/Technical/index.js
index 1db2027c2..81e43aaa8 100644
--- a/src/Components/Event/Edit/Tabs/Technical/index.js
+++ b/src/Components/Event/Edit/Tabs/Technical/index.js
@@ -58,7 +58,9 @@ class Technical extends React.Component {
   }
 
   render() {
-    const { classes, event, edit } = this.props;
+    const {
+      classes, event, edit, saveChanges,
+    } = this.props;
     const {
       isNewPlotterOpen, isNewFormulaOpen, isNewRuleOpen, isNewPrizeOpen,
     } = this.state;
@@ -182,7 +184,7 @@ class Technical extends React.Component {
 
         <Grid container justify='center' >
           <Grid item>
-            <Button className={classes.bottomButton} type='submit' variant='contained' color='secondary'>
+            <Button className={classes.bottomButton} onClick={ () => saveChanges() } variant='contained' color='secondary'>
               Create the event
             </Button>
           </Grid>
diff --git a/src/Components/Event/Edit/queried.js b/src/Components/Event/Edit/queried.js
index 1637c23d4..c0223126f 100644
--- a/src/Components/Event/Edit/queried.js
+++ b/src/Components/Event/Edit/queried.js
@@ -84,7 +84,7 @@ class Queried extends React.Component {
           }
           }
         >
-          {hostEvent => (
+          {editHosted => (
             <div className={classes.root}>
               <AppBar position='static' color='default'>
                 <Tabs
@@ -124,10 +124,20 @@ class Queried extends React.Component {
                   <Typography className={classes.typography} variant='h5' gutterBottom>
                     Create a new event
                   </Typography>
-                  <form
-                    onSubmit={(e) => {
-                      e.preventDefault();
-                      hostEvent({
+                  {value === 0 && <TabContainer>
+                    <Basic
+                      event={{
+                        id,
+                        title,
+                        subtitle,
+                        description,
+                        startDatetime,
+                        finishDatetime,
+                        prizes,
+                        rules,
+                      }}
+                      edit={(newType, newVal) => this.handleEventChange(newType, newVal)}
+                      saveChanges={() => editHosted({
                         variables: {
                           eventId: id,
                           event: {
@@ -140,36 +150,38 @@ class Queried extends React.Component {
                             plotterId,
                           },
                         },
-                      });
-                    }}
-                  >
-                    {value === 0 && <TabContainer>
-                      <Basic
-                        event={{
-                          id,
-                          title,
-                          subtitle,
-                          description,
-                          startDatetime,
-                          finishDatetime,
-                        }}
-                        edit={(newType, newVal) => this.handleEventChange(newType, newVal)}
-                      />
-                    </TabContainer>}
-                    {value === 1 && <TabContainer>
-                      <Technical
-                        event={{
-                          formulaId,
-                          plotterId,
-                          prizes,
-                          rules,
-                        }}
-                        edit={(newType, newVal) => this.handleEventChange(newType, newVal)}
-                      />
-                    </TabContainer>}
-                    {value === 2 && <TabContainer><TeamsServer /></TabContainer>}
-                    {value === 3 && <TabContainer><PresentationPage /></TabContainer>}
-                  </form>
+                      })}
+                    />
+                  </TabContainer>}
+                  {value === 1 && <TabContainer>
+                    <Technical
+                      event={{
+                        formulaId,
+                        plotterId,
+                        prizes,
+                        rules,
+                      }}
+                      edit={(newType, newVal) => this.handleEventChange(newType, newVal)}
+                      saveChanges={() => editHosted({
+                        variables: {
+                          eventId: id,
+                          event: {
+                            title,
+                            subtitle,
+                            description,
+                            startDatetime: startDatetime.valueOf() / 1000,
+                            finishDatetime: finishDatetime.valueOf() / 1000,
+                            formulaId,
+                            plotterId,
+                            prizes,
+                            rules,
+                          },
+                        },
+                      })}
+                    />
+                  </TabContainer>}
+                  {value === 2 && <TabContainer><TeamsServer /></TabContainer>}
+                  {value === 3 && <TabContainer><PresentationPage /></TabContainer>}
                 </Paper>
               </div>
             </div>