From eeb308e6c77eabc68a06ef45d675e5b73b71ca6d Mon Sep 17 00:00:00 2001
From: Atris <vacekj@outlook.com>
Date: Wed, 18 Oct 2023 11:28:46 +0200
Subject: [PATCH] chore: address pr feedback

---
 .../src/features/program/ViewProgramPage.tsx  | 22 +++++--------------
 1 file changed, 5 insertions(+), 17 deletions(-)

diff --git a/packages/round-manager/src/features/program/ViewProgramPage.tsx b/packages/round-manager/src/features/program/ViewProgramPage.tsx
index cb2efe7a1c..a4de08308f 100644
--- a/packages/round-manager/src/features/program/ViewProgramPage.tsx
+++ b/packages/round-manager/src/features/program/ViewProgramPage.tsx
@@ -53,8 +53,8 @@ export default function ViewProgram() {
   const [programExists, setProgramExists] = useState(true);
   const [hasAccess, setHasAccess] = useState(true);
   const [grantType, setGrantType] = useState<
-    "quadraticFunding" | "directGrant" | undefined
-  >();
+    "quadraticFunding" | "directGrant" | null
+  >(null);
   const debugModeEnabled = useDebugMode();
 
   useEffect(() => {
@@ -259,15 +259,9 @@ export default function ViewProgram() {
               onClick={() => setGrantType("quadraticFunding")}
               className={`flex w-full mb-4 rounded border  ${
                 grantType === "quadraticFunding"
-                  ? "border-violet-400"
+                  ? "border-violet-400 shadow-lg"
                   : "border-grey-100"
               } bg-white p-6 cursor-pointer`}
-              style={{
-                boxShadow:
-                  grantType === "quadraticFunding"
-                    ? " 0px 10px 15px -3px #0000001A"
-                    : "none",
-              }}
             >
               <div className="flex pr-6 m-auto">
                 <div
@@ -302,15 +296,9 @@ export default function ViewProgram() {
               onClick={() => setGrantType("directGrant")}
               className={`flex w-full rounded border  ${
                 grantType === "directGrant"
-                  ? "border-violet-400"
+                  ? "border-violet-400 shadow-lg"
                   : "border-grey-100"
               } bg-white p-6 cursor-pointer`}
-              style={{
-                boxShadow:
-                  grantType === "directGrant"
-                    ? " 0px 10px 15px -3px #0000001A"
-                    : "none",
-              }}
             >
               <div className="flex pr-6 m-auto">
                 <div
@@ -322,7 +310,7 @@ export default function ViewProgram() {
                   style={{
                     borderWidth: grantType === "directGrant" ? "6px" : "2px",
                   }}
-                ></div>
+                />
               </div>
               <div className="pr-6 flex-grow text-left mt-auto mb-auto">
                 <h3 className="text-xl mb-2">Direct Grants</h3>