4790b4fc17
Fixes https://github.com/vector-im/element-web/issues/14602 This has proven to be less useful month over month, so it's time for it to go. The initial goal for keeping it was to track stability in the ~6 months post-release, which means it should have left around the start of 2021. At the time, Spaces was on the horizon with room list corruption issues though, so it was put on hold. These days, it's rock solid and doesn't appear to be causing issues. As such, the logging can leave in favour of more specific/targeted logging when we need it. This might even speed things up as it's not hitting the SettingsStore every 0.2 seconds.
118 lines
4.6 KiB
JavaScript
118 lines
4.6 KiB
JavaScript
/*
|
|
Copyright 2019 New Vector Ltd
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { _t } from "../../../../../languageHandler";
|
|
import PropTypes from "prop-types";
|
|
import SettingsStore from "../../../../../settings/SettingsStore";
|
|
import LabelledToggleSwitch from "../../../elements/LabelledToggleSwitch";
|
|
import { SettingLevel } from "../../../../../settings/SettingLevel";
|
|
import { replaceableComponent } from "../../../../../utils/replaceableComponent";
|
|
import SdkConfig from "../../../../../SdkConfig";
|
|
import BetaCard from "../../../beta/BetaCard";
|
|
import SettingsFlag from '../../../elements/SettingsFlag';
|
|
import { MatrixClientPeg } from '../../../../../MatrixClientPeg';
|
|
|
|
export class LabsSettingToggle extends React.Component {
|
|
static propTypes = {
|
|
featureId: PropTypes.string.isRequired,
|
|
};
|
|
|
|
_onChange = async (checked) => {
|
|
await SettingsStore.setValue(this.props.featureId, null, SettingLevel.DEVICE, checked);
|
|
this.forceUpdate();
|
|
};
|
|
|
|
render() {
|
|
const label = SettingsStore.getDisplayName(this.props.featureId);
|
|
const value = SettingsStore.getValue(this.props.featureId);
|
|
const canChange = SettingsStore.canSetValue(this.props.featureId, null, SettingLevel.DEVICE);
|
|
return <LabelledToggleSwitch value={value} label={label} onChange={this._onChange} disabled={!canChange} />;
|
|
}
|
|
}
|
|
|
|
@replaceableComponent("views.settings.tabs.user.LabsUserSettingsTab")
|
|
export default class LabsUserSettingsTab extends React.Component {
|
|
constructor() {
|
|
super();
|
|
|
|
MatrixClientPeg.get().doesServerSupportUnstableFeature("org.matrix.msc2285").then((showHiddenReadReceipts) => {
|
|
this.setState({ showHiddenReadReceipts });
|
|
});
|
|
|
|
this.state = {
|
|
showHiddenReadReceipts: false,
|
|
};
|
|
}
|
|
|
|
render() {
|
|
const features = SettingsStore.getFeatureSettingNames();
|
|
const [labs, betas] = features.reduce((arr, f) => {
|
|
arr[SettingsStore.getBetaInfo(f) ? 1 : 0].push(f);
|
|
return arr;
|
|
}, [[], []]);
|
|
|
|
let betaSection;
|
|
if (betas.length) {
|
|
betaSection = <div className="mx_SettingsTab_section">
|
|
{ betas.map(f => <BetaCard key={f} featureId={f} /> ) }
|
|
</div>;
|
|
}
|
|
|
|
let labsSection;
|
|
if (SdkConfig.get()['showLabsSettings']) {
|
|
const flags = labs.map(f => <LabsSettingToggle featureId={f} key={f} />);
|
|
|
|
let hiddenReadReceipts;
|
|
if (this.state.showHiddenReadReceipts) {
|
|
hiddenReadReceipts = (
|
|
<SettingsFlag name="feature_hidden_read_receipts" level={SettingLevel.DEVICE} />
|
|
);
|
|
}
|
|
|
|
labsSection = <div className="mx_SettingsTab_section">
|
|
{ flags }
|
|
<SettingsFlag name="enableWidgetScreenshots" level={SettingLevel.ACCOUNT} />
|
|
<SettingsFlag name="showHiddenEventsInTimeline" level={SettingLevel.DEVICE} />
|
|
<SettingsFlag name="lowBandwidth" level={SettingLevel.DEVICE} />
|
|
{ hiddenReadReceipts }
|
|
</div>;
|
|
}
|
|
|
|
return (
|
|
<div className="mx_SettingsTab mx_LabsUserSettingsTab">
|
|
<div className="mx_SettingsTab_heading">{ _t("Labs") }</div>
|
|
<div className='mx_SettingsTab_subsectionText'>
|
|
{
|
|
_t('Feeling experimental? Labs are the best way to get things early, ' +
|
|
'test out new features and help shape them before they actually launch. ' +
|
|
'<a>Learn more</a>.', {}, {
|
|
'a': (sub) => {
|
|
return <a
|
|
href="https://github.com/vector-im/element-web/blob/develop/docs/labs.md"
|
|
rel='noreferrer noopener'
|
|
target='_blank'
|
|
>{ sub }</a>;
|
|
},
|
|
})
|
|
}
|
|
</div>
|
|
{ betaSection }
|
|
{ labsSection }
|
|
</div>
|
|
);
|
|
}
|
|
}
|