e67ca33c4a
* Switch to importing TypedEventEmitter from main js-sdk export * Switch to importing js-sdk/matrix in cypress * Remove duplicated imports * Fix lint:js-fix to run prettier last otherwise ESLint --fix may cause a mess * Add lint rule * Switch to importing models/Room from main js-sdk export * Fix cypress-axe import * Fix more imports * Fix cypress-axe import * Fix duplicated lint rule
103 lines
3.8 KiB
TypeScript
103 lines
3.8 KiB
TypeScript
/*
|
|
Copyright 2021 The Matrix.org Foundation C.I.C.
|
|
|
|
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, { ChangeEvent } from "react";
|
|
import { Room } from "matrix-js-sdk/src/matrix";
|
|
|
|
import { _t, _td } from "../../../languageHandler";
|
|
import BaseDialog from "../dialogs/BaseDialog";
|
|
import TabbedView, { Tab } from "../../structures/TabbedView";
|
|
import StyledCheckbox from "../elements/StyledCheckbox";
|
|
import { useSettingValue } from "../../../hooks/useSettings";
|
|
import SettingsStore from "../../../settings/SettingsStore";
|
|
import { SettingLevel } from "../../../settings/SettingLevel";
|
|
import RoomName from "../elements/RoomName";
|
|
import { SpacePreferenceTab } from "../../../dispatcher/payloads/OpenSpacePreferencesPayload";
|
|
import { NonEmptyArray } from "../../../@types/common";
|
|
import SettingsTab from "../settings/tabs/SettingsTab";
|
|
import { SettingsSection } from "../settings/shared/SettingsSection";
|
|
import SettingsSubsection, { SettingsSubsectionText } from "../settings/shared/SettingsSubsection";
|
|
|
|
interface IProps {
|
|
space: Room;
|
|
initialTabId?: SpacePreferenceTab;
|
|
onFinished(): void;
|
|
}
|
|
|
|
const SpacePreferencesAppearanceTab: React.FC<Pick<IProps, "space">> = ({ space }) => {
|
|
const showPeople = useSettingValue("Spaces.showPeopleInSpace", space.roomId);
|
|
|
|
return (
|
|
<SettingsTab>
|
|
<SettingsSection heading={_t("Sections to show")}>
|
|
<SettingsSubsection>
|
|
<StyledCheckbox
|
|
checked={!!showPeople}
|
|
onChange={(e: ChangeEvent<HTMLInputElement>) => {
|
|
SettingsStore.setValue(
|
|
"Spaces.showPeopleInSpace",
|
|
space.roomId,
|
|
SettingLevel.ROOM_ACCOUNT,
|
|
!showPeople,
|
|
);
|
|
}}
|
|
>
|
|
{_t("People")}
|
|
</StyledCheckbox>
|
|
<SettingsSubsectionText>
|
|
{_t(
|
|
"This groups your chats with members of this space. " +
|
|
"Turning this off will hide those chats from your view of %(spaceName)s.",
|
|
{
|
|
spaceName: space.name,
|
|
},
|
|
)}
|
|
</SettingsSubsectionText>
|
|
</SettingsSubsection>
|
|
</SettingsSection>
|
|
</SettingsTab>
|
|
);
|
|
};
|
|
|
|
const SpacePreferencesDialog: React.FC<IProps> = ({ space, initialTabId, onFinished }) => {
|
|
const tabs: NonEmptyArray<Tab<SpacePreferenceTab>> = [
|
|
new Tab(
|
|
SpacePreferenceTab.Appearance,
|
|
_td("Appearance"),
|
|
"mx_SpacePreferencesDialog_appearanceIcon",
|
|
<SpacePreferencesAppearanceTab space={space} />,
|
|
),
|
|
];
|
|
|
|
return (
|
|
<BaseDialog
|
|
className="mx_SpacePreferencesDialog"
|
|
hasCancel
|
|
onFinished={onFinished}
|
|
title={_t("Preferences")}
|
|
fixedWidth={false}
|
|
>
|
|
<h4>
|
|
<RoomName room={space} />
|
|
</h4>
|
|
<div className="mx_SettingsDialog_content">
|
|
<TabbedView tabs={tabs} initialTabId={initialTabId} />
|
|
</div>
|
|
</BaseDialog>
|
|
);
|
|
};
|
|
|
|
export default SpacePreferencesDialog;
|