diff --git a/web/html/src/manager/admin/payg-shared/info/payg-info-edit.tsx b/web/html/src/manager/admin/payg-shared/info/payg-info-edit.tsx
index d507302227f9..c9f93df57657 100644
--- a/web/html/src/manager/admin/payg-shared/info/payg-info-edit.tsx
+++ b/web/html/src/manager/admin/payg-shared/info/payg-info-edit.tsx
@@ -12,7 +12,7 @@ import { Loading } from "components/utils";
type Props = {
payg: PaygFullType;
onChange: Function;
- editing?: boolean;
+ readOnly?: boolean;
};
const PaygInfoEdit = (props: Props) => {
@@ -46,7 +46,7 @@ const PaygInfoEdit = (props: Props) => {
setItem(props.payg);
setErrors(null);
}}
- disableEditing={!props.editing}
+ disableEditing={props.readOnly}
renderContent={() => (
diff --git a/web/html/src/manager/admin/payg-shared/sshData/payg-ssh-data-edit.tsx b/web/html/src/manager/admin/payg-shared/sshData/payg-ssh-data-edit.tsx
index 25664cab5cff..8daa10985b22 100644
--- a/web/html/src/manager/admin/payg-shared/sshData/payg-ssh-data-edit.tsx
+++ b/web/html/src/manager/admin/payg-shared/sshData/payg-ssh-data-edit.tsx
@@ -15,7 +15,7 @@ type Props = {
isInstance: boolean;
labelPrefix: string;
onChange: Function;
- editing?: boolean;
+ readOnly?: boolean;
};
const PaygSshDataEdit = (props: Props) => {
@@ -60,7 +60,7 @@ const PaygSshDataEdit = (props: Props) => {
setItem(props.paygSshData);
setErrors(null);
}}
- disableEditing={!props.editing}
+ disableEditing={props.readOnly}
renderContent={() => (
diff --git a/web/html/src/manager/admin/payg/payg.tsx b/web/html/src/manager/admin/payg/payg.tsx
index bac436bd8fb9..8ec61dd557eb 100644
--- a/web/html/src/manager/admin/payg/payg.tsx
+++ b/web/html/src/manager/admin/payg/payg.tsx
@@ -98,7 +98,7 @@ const Payg = (props: Props) => {
/>
{
setPayg(projectWithNewProperties);
cancelAction();
@@ -109,7 +109,7 @@ const Payg = (props: Props) => {
paygId={payg.id}
isInstance={true}
labelPrefix={"Instance"}
- editing={!props.readOnly}
+ readOnly={props.readOnly}
onChange={(projectWithNewProperties) => {
setPayg(projectWithNewProperties);
cancelAction();
@@ -120,7 +120,7 @@ const Payg = (props: Props) => {
paygId={payg.id}
isInstance={false}
labelPrefix={"Bastion"}
- editing={!props.readOnly}
+ readOnly={props.readOnly}
onChange={(projectWithNewProperties) => {
setPayg(projectWithNewProperties);
cancelAction();