From b1f2515731b4df16b31c08a93597042fbb63563e Mon Sep 17 00:00:00 2001
From: Vladyslav Matsiiako <matsiiako@gmail.com>
Date: Thu, 4 May 2023 15:31:06 -0700
Subject: [PATCH] fixed minor bugs and updated the design

---
 frontend/src/reactQuery.ts                                  | 3 ++-
 frontend/src/views/DashboardPage/DashboardEnvOverview.tsx   | 4 ++--
 .../components/EnvComparisonRow/EnvComparisonRow.tsx        | 6 +++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/reactQuery.ts b/frontend/src/reactQuery.ts
index d65baa27f..94616dd3f 100644
--- a/frontend/src/reactQuery.ts
+++ b/frontend/src/reactQuery.ts
@@ -9,7 +9,8 @@ export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: false,
-      retry: 1
+      retry: 1, 
+      cacheTime: 1200000
     }
   }
 });
diff --git a/frontend/src/views/DashboardPage/DashboardEnvOverview.tsx b/frontend/src/views/DashboardPage/DashboardEnvOverview.tsx
index da0037ea8..0843810f7 100644
--- a/frontend/src/views/DashboardPage/DashboardEnvOverview.tsx
+++ b/frontend/src/views/DashboardPage/DashboardEnvOverview.tsx
@@ -161,11 +161,11 @@ export const DashboardEnvOverview = ({ onEnvChange }: { onEnvChange: any }) => {
             <div
               className={`${
                 isDashboardSecretEmpty ? '' : ''
-              } no-scrollbar::-webkit-scrollbar mt-3 flex h-full max-h-[calc(100vh-370px)] w-full min-w-[60.3rem] flex-grow flex-row items-start justify-center overflow-x-hidden no-scrollbar`}
+              } no-scrollbar::-webkit-scrollbar mt-3 border rounded-md border-mineshaft-600 flex h-full max-h-[calc(100vh-370px)] w-full min-w-[60.3rem] flex-grow flex-row items-start justify-center overflow-x-hidden no-scrollbar`}
             >
               {!isDashboardSecretEmpty && (
                 <TableContainer className="border-none">
-                  <table className="secret-table relative w-full bg-bunker-800">
+                  <table className="secret-table relative w-full bg-mineshaft-900">
                     <tbody className="max-h-screen overflow-y-auto">
                       {Object.keys(secrets?.secrets || {}).map((key, index) => (
                         <EnvComparisonRow
diff --git a/frontend/src/views/DashboardPage/components/EnvComparisonRow/EnvComparisonRow.tsx b/frontend/src/views/DashboardPage/components/EnvComparisonRow/EnvComparisonRow.tsx
index ab25ba496..5e2e708e0 100644
--- a/frontend/src/views/DashboardPage/components/EnvComparisonRow/EnvComparisonRow.tsx
+++ b/frontend/src/views/DashboardPage/components/EnvComparisonRow/EnvComparisonRow.tsx
@@ -27,7 +27,7 @@ const DashboardInput = ({
   secret?: any;
 }): JSX.Element => {
   const syntaxHighlight = useCallback((val: string) => {
-    if (!val)
+    if (val === undefined)
       return (
         <span className="cursor-default font-sans text-xs italic text-red-500/80">missing</span>
       );
@@ -60,7 +60,7 @@ const DashboardInput = ({
     <td
       key={`row-${secret?.key || ''}--`}
       className={`flex h-10 w-full cursor-default flex-row items-center justify-center ${
-        !(secret?.value || secret?.value === '') ? 'bg-red-400/10' : 'bg-mineshaft-900/30'
+        !(secret?.value || secret?.value === '') ? 'bg-red-800/10' : 'bg-mineshaft-900/30'
       }`}
     >
       <div className="group relative flex	w-full cursor-default flex-col justify-center whitespace-pre">
@@ -122,7 +122,7 @@ export const EnvComparisonRow = ({
   );
 
   return (
-    <tr className="group flex min-w-full flex-row items-center hover:bg-bunker-700">
+    <tr className="group flex min-w-full flex-row items-center hover:bg-mineshaft-800">
       <td className="flex h-10 w-10 items-center justify-center border-none px-4">
         <div className="w-10 text-center text-xs text-bunker-400">{index + 1}</div>
       </td>