Initial commit

2025-10-13 00:23:31 -03:00
commit 42921527f8
725 changed files with 91395 additions and 0 deletions
@@ -0,0 +1,61 @@
+import React, {useContext} from 'react';
+import { Typography, Grid } from '@material-ui/core';
+import useStyles from './styles';
+import { AuthContext } from "../../../context/Auth/AuthContext";
+
+function PaymentDetails(props) {
+  const { formValues } = props;
+  const classes = useStyles();
+  const { firstName, address2, city, zipcode, state, country, plan } = formValues;
+  const { user } = useContext(AuthContext);
+
+
+  const newPlan = JSON.parse(plan);
+  const { price } = newPlan;
+
+  return (
+    <Grid item container direction="column" xs={12} sm={6}>
+      <Typography variant="h6" gutterBottom className={classes.title}>
+        Informação de pagamento
+      </Typography>
+      <Grid container>
+        <React.Fragment>
+          <Grid item xs={6}>
+            <Typography gutterBottom>Email:</Typography>
+          </Grid>
+          <Grid item xs={6}>
+            <Typography gutterBottom>{user.company.email}</Typography>
+          </Grid>
+        </React.Fragment>
+        <React.Fragment>
+          <Grid item xs={6}>
+            <Typography gutterBottom>Nome:</Typography>
+          </Grid>
+          <Grid item xs={6}>
+            <Typography gutterBottom>{firstName}</Typography>
+          </Grid>
+        </React.Fragment>
+        <React.Fragment>
+          <Grid item xs={6}>
+            <Typography gutterBottom>Endereço:</Typography>
+          </Grid>
+          <Grid item xs={6}>
+            <Typography gutterBottom>
+            {address2}, {city} - {state} {zipcode} {country}
+            </Typography>
+          </Grid>
+        </React.Fragment>
+        <React.Fragment>
+          <Grid item xs={6}>
+            <Typography gutterBottom>Total:</Typography>
+          </Grid>
+          <Grid item xs={6}>
+            <Typography gutterBottom>R${price.toLocaleString('pt-br', {minimumFractionDigits: 2})}</Typography>
+          </Grid>
+        </React.Fragment>
+      </Grid>
+    </Grid>
+  );
+}
+
+export default PaymentDetails;