Merge branch 'main' into 19-feature-control-plane-fix-null-chart

mycloudnexus · Nov 15, 2024 · df5e1ac · df5e1ac
2 parents 52f99e5 + f8a2876
commit df5e1ac
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx b/kraken-app/kraken-app-portal/src/pages/HomePage/components/ActivityDiagrams/index.tsx
@@ -21,6 +21,7 @@ import ApiActivityDiagram from "./ApiActivityDiagram";
 import ErrorBrakedownDiagram from "./ErrorDiagram";
 import MostPopularEndpoints from "./MostPopularEndpoints";
 import styles from "./index.module.scss";
+import { capitalize } from 'lodash';
 
 export type DiagramProps = {
   envId: string;
@@ -83,7 +84,7 @@ const ActivityDiagrams = ({ envs }: Props) => {
     return (
       envs?.map((env) => ({
         value: env.id,
-        label: env.name,
+        label: capitalize(env.name),
       })) ?? []
     );
   }, [envs]);

diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx b/kraken-app/kraken-app-portal/src/pages/HomePage/components/QuickStartGuide/index.tsx
@@ -112,7 +112,9 @@ const QuickStartGuide = () => {
                             goal as keyof (typeof quickStartGuideData)[keyof IQuickStartGuideObject]
                           ] ? (
                             <Flex key={goal} gap={10}>
-                              <CheckFilled />
+                              <div className={styles.iconContainer}>
+                                <CheckFilled />
+                              </div>
                               <Text.LightMedium>
                                 {i.goals[goal as keyof typeof i.goals]}
                               </Text.LightMedium>

diff --git a/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss b/kraken-app/kraken-app-portal/src/pages/HomePage/components/index.module.scss
@@ -4,6 +4,10 @@
   border-radius: 8px;
 }
 
+.iconContainer {
+  width: 20px;
+}
+
 .guideContainer {
   justify-content: center;
   align-items: center;