From 5718d5a5e513363fee07016cf4f6555a54f44fae Mon Sep 17 00:00:00 2001
From: Bikash <tulsiojhaamg@gmail.com>
Date: Mon, 4 Mar 2024 18:23:26 +0530
Subject: [PATCH] Implemented clusterdns componenet in banner in handle router

---
 src/apps/console/components/icons.tsx         |  8 +++++++
 .../$environment+/routers/handle-router.tsx   | 22 ++++++++++++-------
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/apps/console/components/icons.tsx b/src/apps/console/components/icons.tsx
index 36cab1a7a..7133b9fdc 100644
--- a/src/apps/console/components/icons.tsx
+++ b/src/apps/console/components/icons.tsx
@@ -13,6 +13,10 @@ import {
   ChevronRight,
   X,
   SmileySad,
+  InfoFill,
+  CheckCircleFill,
+  WarningFill,
+  WarningOctagonFill,
 } from '@jengaicons/react';
 
 export {
@@ -30,4 +34,8 @@ export {
   ChevronRight,
   X,
   SmileySad,
+  InfoFill,
+  CheckCircleFill,
+  WarningFill,
+  WarningOctagonFill,
 };
diff --git a/src/apps/console/routes/_main+/$account+/$project+/$environment+/routers/handle-router.tsx b/src/apps/console/routes/_main+/$account+/$project+/$environment+/routers/handle-router.tsx
index 02bed60f8..513158f37 100644
--- a/src/apps/console/routes/_main+/$account+/$project+/$environment+/routers/handle-router.tsx
+++ b/src/apps/console/routes/_main+/$account+/$project+/$environment+/routers/handle-router.tsx
@@ -21,6 +21,7 @@ import Select from '~/components/atoms/select';
 import useCustomSwr from '~/root/lib/client/hooks/use-custom-swr';
 import { useAppend, useMapper } from '~/components/utils';
 import { Checkbox } from '~/components/atoms/checkbox';
+import Banner from '~/components/molecule/banner';
 import { IAppContext } from '../app+/$app+/_layout';
 
 type IDialog = IDialogBase<ExtractNodeType<IRouters>>;
@@ -183,13 +184,6 @@ const Root = (props: IDialog) => {
           nameErrorLabel="isNameError"
           isUpdate={isUpdate}
         />
-
-        <div className="flex flex-col gap-md">
-          <span className="bodyMd-medium text-text-default">Cluster DNS</span>
-          <span className="bodyMd text-text-soft">
-            {cluster.spec.publicDNSHost}
-          </span>
-        </div>
         <Select
           creatable
           size="lg"
@@ -209,12 +203,24 @@ const Root = (props: IDialog) => {
           disableWhileLoading
         />
         <Checkbox
-          label="enable TLS"
+          label="Enable TLS"
           checked={values.isTlsEnabled}
           onChange={(val) => {
             handleChange('isTlsEnabled')(dummyEvent(val));
           }}
         />
+        <Banner
+          type="info"
+          body={
+            <span>
+              Note: All the domain CNames should be pointed to following Cluster
+              DNS Name{' '}
+              <span className="bodyMd-medium">
+                `{cluster.spec.publicDNSHost}`
+              </span>
+            </span>
+          }
+        />
       </Popup.Content>
       <Popup.Footer>
         <Popup.Button content="Cancel" variant="basic" closable />