mirror/helm-dashboard
1
0
Fork 0
mirror of https://github.com/komodorio/helm-dashboard.git synced 2026-03-24 11:48:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Extract modal title to components (#496)

Browse Source
This commit is contained in:
Tamir Abutbul
2024-01-07 12:03:35 +02:00
committed by GitHub
parent 7aeabc081c
commit 37557126f0
3 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/modal/InstallChartModal/InstallReleaseChartModal.tsx
View File

@@ -19,6 +19,7 @@ import { useDiffData } from "../../../API/shared";
import { InstallChartModalProps } from "../../../data/types"; import { InstallChartModalProps } from "../../../data/types";
import { DefinedValues } from "./DefinedValues"; import { DefinedValues } from "./DefinedValues";
import apiService from "../../../API/apiService"; import apiService from "../../../API/apiService";
import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
export const InstallReleaseChartModal = ({ export const InstallReleaseChartModal = ({
isOpen, isOpen,
@@ -186,12 +187,11 @@ export const InstallReleaseChartModal = ({
onClose(); onClose();
}} }}
title={ title={
<div className="font-bold"> <InstallUpgradeTitle
{`${isUpgrade ? "Upgrade" : "Install"} `} isUpgrade={isUpgrade}
{(isUpgrade || releaseValues) && ( releaseValues={isUpgrade || releaseValues}
<span className="text-green-700 ">{chartName}</span> chartName={chartName}
)} />
</div>
} }
containerClassNames="w-full text-2xl h-2/3" containerClassNames="w-full text-2xl h-2/3"
actions={[ actions={[

9
frontend/src/components/modal/InstallChartModal/InstallRepoChartModal.tsx
View File

@@ -13,6 +13,7 @@ import { useDiffData } from "../../../API/shared";
import { InstallChartModalProps } from "../../../data/types"; import { InstallChartModalProps } from "../../../data/types";
import { DefinedValues } from "./DefinedValues"; import { DefinedValues } from "./DefinedValues";
import apiService from "../../../API/apiService"; import apiService from "../../../API/apiService";
import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
export const InstallRepoChartModal = ({ export const InstallRepoChartModal = ({
isOpen, isOpen,
@@ -159,9 +160,11 @@ export const InstallRepoChartModal = ({
onClose(); onClose();
}} }}
title={ title={
<div className="font-bold"> <InstallUpgradeTitle
Install <span className="text-green-700 ">{chartName}</span> isUpgrade={false}
</div> releaseValues={false}
chartName={chartName}
/>
} }
containerClassNames="w-full text-2xl h-2/3" containerClassNames="w-full text-2xl h-2/3"
actions={[ actions={[

24
frontend/src/components/modal/InstallChartModal/InstallUpgradeTitle.tsx Normal file
View File

@@ -0,0 +1,24 @@
import { FC } from "react";
interface InstallUpgradeProps {
isUpgrade: boolean;
releaseValues: boolean;
chartName: string;
}
export const InstallUpgradeTitle: FC<InstallUpgradeProps> = ({
isUpgrade,
releaseValues,
chartName,
}) => {
const text = isUpgrade ? "Upgrade" : "Install";
return (
<div className="font-bold">
{`${text}`}
{(isUpgrade || releaseValues) && (
<span className="text-green-700">{chartName}</span>
)}
</div>
);
};