PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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

Browse source 
option

Co-authored-by: Neeraj <neerajv@thirdrocktechkno.com>
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/views/elements/ToggleSwitch.tsx
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

5
src/components/views/settings/SetIntegrationManager.tsx
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>
);
}
}