Added appointment reminder email + gql fragments for emails.

client/src/components/email-overlay/email-overlay.component.jsx

@@ -13,19 +13,19 @@ export default function EmailOverlayComponent({
       <Input
         defaultValue={messageOptions.to}
         onChange={handleConfigChange}
-        name='to'
+        name="to"
       />
       CC
       <Input
         defaultValue={messageOptions.cc}
         onChange={handleConfigChange}
-        name='cc'
+        name="cc"
       />
       Subject
       <Input
         defaultValue={messageOptions.subject}
         onChange={handleConfigChange}
-        name='subject'
+        name="subject"
       />
       <CKEditor
         editor={ClassicEditor}

client/src/components/email-overlay/email-overlay.container.jsx

@@ -7,7 +7,10 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleEmailOverlayVisible } from "../../redux/email/email.actions";
-import { selectEmailConfig, selectEmailVisible } from "../../redux/email/email.selectors.js";
+import {
+  selectEmailConfig,
+  selectEmailVisible
+} from "../../redux/email/email.selectors.js";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import EmailOverlayComponent from "./email-overlay.component";
 
@@ -99,6 +102,14 @@ export default connect(
           messageOptions={messageOptions}
           handleHtmlChange={handleHtmlChange}
         />
+        <button
+          onClick={() => {
+            console.log(messageOptions.html);
+            navigator.clipboard.writeText(messageOptions.html);
+          }}
+        >
+          Get HTML
+        </button>
       </LoadingSpinner>
     </Modal>
   );