github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(switch): add optional switch text [EE-3625] (#7164) 

* add optional switch text
pull/7154/head
Matt Hook 2022-07-04 13:05:04 +12:00 committed by GitHub
parent 7275d23e4b
commit dd4d126934
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/portainer/react/components/switch-field.ts
View File

@ -12,4 +12,5 @@ export const switchField = r2a(SwitchField, [
'disabled', 'disabled',
'onChange', 'onChange',
'featureId', 'featureId',
'switchValues',
]); ]);

11
app/react/components/form-components/SwitchField/SwitchField.tsx
View File

@ -18,6 +18,10 @@ export interface Props {
dataCy?: string; dataCy?: string;
disabled?: boolean; disabled?: boolean;
featureId?: FeatureId; featureId?: FeatureId;
switchValues?: {
on: string;
off: string;
};
} }
export function SwitchField({ export function SwitchField({
@ -30,6 +34,7 @@ export function SwitchField({
disabled, disabled,
onChange, onChange,
featureId, featureId,
switchValues,
}: Props) { }: Props) {
const toggleName = name ? `toggle_${name}` : ''; const toggleName = name ? `toggle_${name}` : '';
@ -55,6 +60,12 @@ export function SwitchField({
featureId={featureId} featureId={featureId}
dataCy={dataCy} dataCy={dataCy}
/> />
{switchValues && checked && (
<span className="ml-2">{switchValues.on}</span>
)}
{switchValues && !checked && (
<span className="ml-2">{switchValues.off}</span>
)}
</label> </label>
); );
} }