Merge pull request #116 from kloudlite/frontend/banner

Frontend/banner
kloudlite · Mar 4, 2024 · 5018383 · 5018383
2 parents eca6120 + 5718d5a
commit 5018383
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git 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
@@ -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 />