From df0414914351721cd4d994b92b0c421458ca6b82 Mon Sep 17 00:00:00 2001
From: Brijesh <brijesh.amin@gov.bc.ca>
Date: Fri, 26 Jul 2024 15:09:34 -0700
Subject: [PATCH] Allow rejection of extension without waiting for AH votes

---
 .../selectRangeUsePlanPage/ExtensionColumn.js | 34 ++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/components/selectRangeUsePlanPage/ExtensionColumn.js b/src/components/selectRangeUsePlanPage/ExtensionColumn.js
index 959d5bd1..43ebec39 100644
--- a/src/components/selectRangeUsePlanPage/ExtensionColumn.js
+++ b/src/components/selectRangeUsePlanPage/ExtensionColumn.js
@@ -128,8 +128,21 @@ export default function ExtensionColumn({ user, currentPage, agreement }) {
         case PLAN_EXTENSION_STATUS.AWAITING_VOTES:
           return (
             <div>
-              {agreement.plan?.extensionReceivedVotes}/
-              {agreement.plan?.extensionRequiredVotes}
+              <div style={{ textAlign: 'center' }}>
+                {agreement.plan?.extensionReceivedVotes}/
+                {agreement.plan?.extensionRequiredVotes}
+              </div>
+              <div>
+                <Button
+                  style={{ margin: '4px' }}
+                  loading={loading}
+                  onClick={() => {
+                    handleReject(agreement.plan.id);
+                  }}
+                >
+                  Reject Extension
+                </Button>
+              </div>
             </div>
           );
         case PLAN_EXTENSION_STATUS.AGREEMENT_HOLDER_REJECTED:
@@ -239,8 +252,21 @@ export default function ExtensionColumn({ user, currentPage, agreement }) {
           }
           return (
             <div>
-              {agreement.plan?.extensionReceivedVotes}/
-              {agreement.plan?.extensionRequiredVotes}
+              <div style={{ textAlign: 'center' }}>
+                {agreement.plan?.extensionReceivedVotes}/
+                {agreement.plan?.extensionRequiredVotes}
+              </div>
+              <div>
+                <Button
+                  style={{ margin: '4px' }}
+                  loading={loading}
+                  onClick={() => {
+                    handleReject(agreement.plan.id);
+                  }}
+                >
+                  Reject Extension
+                </Button>
+              </div>
             </div>
           );
         case PLAN_EXTENSION_STATUS.AGREEMENT_HOLDER_REJECTED: