summaryrefslogtreecommitdiffstats
path: root/front/odiparpack/app/components/Email/ComposeEmail.js
diff options
context:
space:
mode:
authorDayana31 <[email protected]>2022-04-21 17:27:08 -0500
committerDayana31 <[email protected]>2022-04-21 17:27:08 -0500
commit67c50667678dd0ce4709b29a854f6a47093a1ac5 (patch)
treeb6f9f39092ad54bf6b815984d32b37d7c7ca67ab /front/odiparpack/app/components/Email/ComposeEmail.js
parent91140b24f0d49a9f89a080ee063e9eb023a4b73a (diff)
parente13e630cd6e4fc0b1ff92098a28a770794c7bb9a (diff)
downloadDP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.tar.gz
DP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.tar.bz2
DP1_project-67c50667678dd0ce4709b29a854f6a47093a1ac5.zip
Merge branch 'gabshr' into dayana
Diffstat (limited to 'front/odiparpack/app/components/Email/ComposeEmail.js')
-rw-r--r--front/odiparpack/app/components/Email/ComposeEmail.js65
1 files changed, 65 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/Email/ComposeEmail.js b/front/odiparpack/app/components/Email/ComposeEmail.js
new file mode 100644
index 0000000..8d06ebd
--- /dev/null
+++ b/front/odiparpack/app/components/Email/ComposeEmail.js
@@ -0,0 +1,65 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Add from '@material-ui/icons/Add';
+import { Fab, Tooltip } from '@material-ui/core';
+import ComposeEmailForm from './ComposeEmailForm';
+import FloatingPanel from '../Panel/FloatingPanel';
+import styles from './email-jss';
+
+
+class ComposeEmail extends React.Component {
+ render() {
+ const {
+ classes,
+ open,
+ closeForm,
+ sendEmail,
+ to,
+ subject,
+ validMail,
+ inputChange,
+ compose
+ } = this.props;
+ const branch = '';
+ return (
+ <div>
+ <Tooltip title="Compose Email">
+ <Fab color="secondary" onClick={() => compose()} className={classes.addBtn}>
+ <Add />
+ </Fab>
+ </Tooltip>
+ <FloatingPanel
+ openForm={open}
+ branch={branch}
+ closeForm={closeForm}
+ title="Compose Email"
+ extraSize
+ >
+ <ComposeEmailForm
+ to={to}
+ subject={subject}
+ validMail={validMail}
+ sendEmail={sendEmail}
+ closeForm={closeForm}
+ inputChange={inputChange}
+ />
+ </FloatingPanel>
+ </div>
+ );
+ }
+}
+
+ComposeEmail.propTypes = {
+ classes: PropTypes.object.isRequired,
+ open: PropTypes.bool.isRequired,
+ to: PropTypes.string.isRequired,
+ subject: PropTypes.string.isRequired,
+ validMail: PropTypes.string.isRequired,
+ compose: PropTypes.func.isRequired,
+ closeForm: PropTypes.func.isRequired,
+ sendEmail: PropTypes.func.isRequired,
+ inputChange: PropTypes.func.isRequired,
+};
+
+export default withStyles(styles)(ComposeEmail);