fix(port-modal): callout if demo cluster only (#1626)

Qovery · Sep 2, 2024 · 3b1a4f6 · 3b1a4f6
1 parent 6ff5f6e
commit 3b1a4f6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/...ion/src/lib/feature/page-settings-ports-feature/crud-modal-feature/crud-modal-feature.tsx b/...ion/src/lib/feature/page-settings-ports-feature/crud-modal-feature/crud-modal-feature.tsx
@@ -193,6 +193,7 @@ export function CrudModalFeature({ service, onClose, port }: CrudModalFeaturePro
         kubernetes={cluster?.kubernetes}
         currentProtocol={port?.protocol}
         isEdit={!!port}
+        isDemo={cluster?.is_demo}
         isMatchingHealthCheck={isMatchingHealthCheck(port, livenessType) || isMatchingHealthCheck(port, readinessType)}
         loading={isLoadingEditService}
         onClose={onClose}

diff --git a/libs/shared/console-shared/src/lib/flow-create-port/ui/crud-modal/crud-modal.tsx b/libs/shared/console-shared/src/lib/flow-create-port/ui/crud-modal/crud-modal.tsx
@@ -9,6 +9,7 @@ export interface CrudModalProps {
   cloudProvider?: CloudProviderEnum
   currentProtocol?: PortProtocolEnum
   isEdit?: boolean
+  isDemo?: boolean
   isMatchingHealthCheck?: boolean
   loading?: boolean
   hidePortName?: boolean
@@ -26,6 +27,7 @@ export function CrudModal({
   onClose,
   onSubmit,
   hidePortName,
+  isDemo,
 }: CrudModalProps) {
   const { control, watch, setValue } = useFormContext()
 
@@ -163,7 +165,7 @@ export function CrudModal({
           </div>
         )}
       />
-      {watchPublicly && kubernetes === 'SELF_MANAGED' && cloudProvider === 'ON_PREMISE' && (
+      {watchPublicly && kubernetes === 'SELF_MANAGED' && cloudProvider === 'ON_PREMISE' && isDemo && (
         <Callout.Root color="sky" className="mb-5">
           <Callout.Icon>
             <Icon iconName="circle-info" iconStyle="light" />