From 7bab4ccd3494a08b2fa4bacb20aa90913ce926f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Diamond?=
 <32074058+Andre-Diamond@users.noreply.github.com>
Date: Fri, 11 Oct 2024 08:57:08 +0200
Subject: [PATCH] refactor: Update SummaryTemplate component to disable google
 doc buttons when exporting

---
 components/SummaryTemplate.tsx    | 11 +++++------
 styles/summarytemplate.module.css |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/SummaryTemplate.tsx b/components/SummaryTemplate.tsx
index 03b48a7..60ef6df 100644
--- a/components/SummaryTemplate.tsx
+++ b/components/SummaryTemplate.tsx
@@ -73,7 +73,6 @@ const SummaryTemplate = ({ updateMeetings }: SummaryTemplateProps) => {
   const [creatingDoc, setCreatingDoc] = useState<boolean>(false);
   const today = new Date().toISOString().split('T')[0];
   const [selectedQuarter, setSelectedQuarter] = useState('');
-  const [creatingQuarterlyDoc, setCreatingQuarterlyDoc] = useState(false);
   const quarterOptions = getQuarterOptions();
     
   const defaultFormData = {
@@ -125,7 +124,7 @@ const SummaryTemplate = ({ updateMeetings }: SummaryTemplateProps) => {
   const currentOrder = myVariable.agendaItemOrder ? myVariable.agendaItemOrder[myVariable.workgroup?.workgroup] : undefined;
 
   async function handleCreateQuarterlyDoc() {
-    setCreatingQuarterlyDoc(true);
+    setCreatingDoc(true);
 
     try {
       const [quarter, year] = selectedQuarter.split(' ');
@@ -143,7 +142,7 @@ const SummaryTemplate = ({ updateMeetings }: SummaryTemplateProps) => {
       console.error('Error creating Quarterly Google Doc:', error);
       alert('There was an error creating the Quarterly Google Doc.');
     } finally {
-      setCreatingQuarterlyDoc(false);
+      setCreatingDoc(false);
     }
   }
 
@@ -349,10 +348,10 @@ const SummaryTemplate = ({ updateMeetings }: SummaryTemplateProps) => {
           type="button"
           onClick={handleCreateQuarterlyDoc}
           className={styles.exportButton}
-          disabled={creatingQuarterlyDoc || !selectedQuarter}
+          disabled={creatingDoc || !selectedQuarter}
         >
-          {creatingQuarterlyDoc ? (
-            <span className={styles.flashingText}>Creating Quarterly Doc...</span>
+          {creatingDoc ? (
+            <span className={styles.flashingText}>Creating Google Doc...</span>
           ) : (
             "Create Quarterly Google Doc"
           )}
diff --git a/styles/summarytemplate.module.css b/styles/summarytemplate.module.css
index 7e59d60..0d11b87 100644
--- a/styles/summarytemplate.module.css
+++ b/styles/summarytemplate.module.css
@@ -95,7 +95,7 @@
   margin-top: 0;
 }
 
-.quarterly-report-section .exportButton:disabled {
+.exportButton:disabled {
   background-color: #e0e0e0;
   color: #a0a0a0;
   cursor: not-allowed;