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 index bb8e0523..7e072b76 100644 --- 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 index d4e36f90..64022c76 100644 --- 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] ] ? ( - +
+ +
{i.goals[goal as keyof typeof i.goals]} 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 index a166d060..2ea9dd9c 100644 --- 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;