bind html with switch for manage extension setting (#10553)

option

Co-authored-by: Neeraj <neerajv@thirdrocktechkno.com>
t3chguy/dedup-icons-17oct
Neeraj Vageele 2023-04-11 10:43:52 +05:30 committed by GitHub
parent 3f60ccabcb
commit 99a375e354
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -35,6 +35,9 @@ interface IProps {
// Called when the checked state changes. First argument will be the new state.
onChange(checked: boolean): void;
// id to bind with other elements
id?: string;
}
// Controlled Toggle Switch element, written with Accessibility in mind

View File

@ -70,13 +70,14 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
}
return (
<div className="mx_SetIntegrationManager">
<label className="mx_SetIntegrationManager" htmlFor="toggle_integration">
<div className="mx_SettingsFlag">
<div className="mx_SetIntegrationManager_heading_manager">
<span className="mx_SettingsTab_heading">{_t("Manage integrations")}</span>
<span className="mx_SettingsTab_subheading">{managerName}</span>
</div>
<ToggleSwitch
id="toggle_integration"
checked={this.state.provisioningEnabled}
disabled={false}
onChange={this.onProvisioningToggled}
@ -89,7 +90,7 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
"send room invites, and set power levels on your behalf.",
)}
</div>
</div>
</label>
);
}
}