mirror/helm-dashboard
1
0
Fork 0
mirror of https://github.com/komodorio/helm-dashboard.git synced 2026-03-21 18:58:03 +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 { DefinedValues } from "./DefinedValues";
import apiService from "../../../API/apiService";
import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
export const InstallReleaseChartModal = ({
isOpen,
@@ -186,12 +187,11 @@ export const InstallReleaseChartModal = ({
onClose();
}}
title={
<div className="font-bold">
{`${isUpgrade ? "Upgrade" : "Install"} `}
{(isUpgrade || releaseValues) && (
<span className="text-green-700 ">{chartName}</span>
)}
</div>
<InstallUpgradeTitle
isUpgrade={isUpgrade}
releaseValues={isUpgrade || releaseValues}
chartName={chartName}
/>
}
containerClassNames="w-full text-2xl h-2/3"
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 { DefinedValues } from "./DefinedValues";
import apiService from "../../../API/apiService";
import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
export const InstallRepoChartModal = ({
isOpen,
@@ -159,9 +160,11 @@ export const InstallRepoChartModal = ({
onClose();
}}
title={
<div className="font-bold">
Install <span className="text-green-700 ">{chartName}</span>
</div>
<InstallUpgradeTitle
isUpgrade={false}
releaseValues={false}
chartName={chartName}
/>
}
containerClassNames="w-full text-2xl h-2/3"
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>
);
};