From ede76627d12c107b0813986e2cfae897476beaff Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Thu, 13 Jul 2023 12:31:47 +0100
Subject: [PATCH] function documentation and changed styling of create button

---
 src/app/components/portfolio/UploadCsvModal.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/components/portfolio/UploadCsvModal.tsx b/src/app/components/portfolio/UploadCsvModal.tsx
index 4990ecfd..b7420064 100644
--- a/src/app/components/portfolio/UploadCsvModal.tsx
+++ b/src/app/components/portfolio/UploadCsvModal.tsx
@@ -63,7 +63,7 @@ export const SubmitPlan = ({
   return (
     <button
       type="button"
-      className="inline-flex justify-center rounded-md border border-transparent bg-brandtan px-4 py-2 text-sm font-medium text-grey-900 hover:bg-hovertan focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:bg-gray-300 disabled:opacity-50"
+      className="text-white inline-flex justify-center rounded-md border border-transparent bg-brandblue px-4 py-2 text-sm font-medium text-grey-900 hover:bg-hoverblue focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:bg-gray-300 disabled:opacity-50"
       onClick={handleSubmit}
       disabled={buttonDisabled || isLoading}
     >
@@ -219,6 +219,9 @@ export default function UploadCsvModal({
     scheme?: string,
     value?: string
   ) {
+    // This function is defined as such to accomodate for the asynchonous nature of state setting
+    // The first time this is called, the setState function will be run before this but the state value
+    // will not have updated yet, so we need to pass in the value as an argument to check if the value has been updated
     if (
       (goal || selectedGoal) &&
       (scheme || fundingScheme) &&