From e084126c73b64b87a1514446fddc99e3af44656c Mon Sep 17 00:00:00 2001
From: Erik Magnusson <32518962+ejkkan@users.noreply.github.com>
Date: Wed, 30 Nov 2022 13:40:24 +0200
Subject: [PATCH] console: upgrade nudging for oss users wanting to use ssl
 cockroach db

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7084
Co-authored-by: Luca Restagno <59067245+lucarestagno@users.noreply.github.com>
GitOrigin-RevId: 4706cb52d46e22cfd3396233e6222f83dbc43cf7
---
 .../Data/DataSources/ConnectDBForm.tsx        | 44 ++++++++++++++-----
 1 file changed, 34 insertions(+), 10 deletions(-)

diff --git a/console/src/components/Services/Data/DataSources/ConnectDBForm.tsx b/console/src/components/Services/Data/DataSources/ConnectDBForm.tsx
index 20d1413f3a101..a1b1539bf0e86 100644
--- a/console/src/components/Services/Data/DataSources/ConnectDBForm.tsx
+++ b/console/src/components/Services/Data/DataSources/ConnectDBForm.tsx
@@ -1,6 +1,7 @@
 import React, { ChangeEvent, Dispatch } from 'react';
 import { FaCheckCircle, FaInfoCircle } from 'react-icons/fa';
 import { IconTooltip } from '@/new-components/Tooltip';
+import globals from '@/Globals';
 
 import { ConnectDBActions, ConnectDBState, connectionTypes } from './state';
 import { LabeledInput } from '../../../Common/LabeledInput';
@@ -97,18 +98,41 @@ const driverToLabel: Record<
         Only Database URLs and Environment Variables are available for
         CockroachDB
       </>,
-      <div className="flex whitespace-nowrap">
-        Please makes sure to not use the
-        <div className="font-semibold text-gray-500 px-1">
-          &quot;sslverify=verify-full&quot;
+      globals.consoleType === 'oss' ? (
+        <div className="flex whitespace-nowrap">
+          SSL for Cockroach is only available on{' '}
+          <a
+            href="https://hasura.io/pricing/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="font-semibold text-gray-500 px-1"
+          >
+            Hasura Cloud
+          </a>
+          and
+          <a
+            href="https://hasura.io/pricing/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="font-semibold text-gray-500 px-1"
+          >
+            Self-Hosted EE.
+          </a>
         </div>
-        parameter in your connection string. SSL mode needs to be configured
-        under the
-        <div className="font-semibold text-gray-500 px-1">
-          SSL Certificate Section
+      ) : (
+        <div className="flex whitespace-nowrap">
+          Please make sure to not use the
+          <div className="font-semibold text-gray-500 px-1">
+            &quot;sslverify=verify-full&quot;
+          </div>
+          parameter in your connection string. SSL mode needs to be configured
+          under the
+          <div className="font-semibold text-gray-500 px-1">
+            SSL Certificate Section
+          </div>
+          section below
         </div>
-        section below
-      </div>,
+      ),
     ],
   },
 };