From 98157350b621861a08e603f337d107e1826fdc6d Mon Sep 17 00:00:00 2001
From: Prabhat Khera <91852476+prabhat-org@users.noreply.github.com>
Date: Mon, 8 Jan 2024 13:49:57 +1300
Subject: [PATCH] fix(UI): add resourse quota warning is consumed 100%
 [EE-6508] (#10914)

* add resourse quota warning is consumed 100%

* address review comments
---
 .../ResourceQuotaFormSection.tsx              | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/app/react/kubernetes/namespaces/components/ResourceQuotaFormSection/ResourceQuotaFormSection.tsx b/app/react/kubernetes/namespaces/components/ResourceQuotaFormSection/ResourceQuotaFormSection.tsx
index dcf1c0600..f4d5bf3a6 100644
--- a/app/react/kubernetes/namespaces/components/ResourceQuotaFormSection/ResourceQuotaFormSection.tsx
+++ b/app/react/kubernetes/namespaces/components/ResourceQuotaFormSection/ResourceQuotaFormSection.tsx
@@ -57,13 +57,24 @@ export function ResourceQuotaFormSection({
           <div className="flex flex-row">
             <FormSectionTitle>Resource Limits</FormSectionTitle>
           </div>
+
+          {(!cpuLimit || !memoryLimit) && (
+            <FormError>
+              Not enough resources available in the cluster to apply a resource
+              reservation.
+            </FormError>
+          )}
+
           {/* keep the FormError component present, but invisible to avoid layout shift */}
-          <FormError
-            className={typeof errors === 'string' ? 'visible' : 'invisible'}
-          >
-            {/* 'error' keeps the formerror the exact same height while hidden so there is no layout shift */}
-            {typeof errors === 'string' ? errors : 'error'}
-          </FormError>
+          {cpuLimit && memoryLimit ? (
+            <FormError
+              className={typeof errors === 'string' ? 'visible' : 'invisible'}
+            >
+              {/* 'error' keeps the formerror the exact same height while hidden so there is no layout shift */}
+              {typeof errors === 'string' ? errors : 'error'}
+            </FormError>
+          ) : null}
+
           <FormControl
             className="flex flex-row"
             label="Memory limit (MB)"