61a63e47f4
* Stash noImplicitAny work * Stash * Fix imports * Iterate * Fix tests * Delint * Fix tests
102 lines
4.1 KiB
TypeScript
102 lines
4.1 KiB
TypeScript
/*
|
|
Copyright 2022 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, { SyntheticEvent, useContext, useState } from "react";
|
|
import { Room } from "matrix-js-sdk/src/models/room";
|
|
import { IEventRelation } from "matrix-js-sdk/src/models/event";
|
|
|
|
import MatrixClientContext from "../../../contexts/MatrixClientContext";
|
|
import ContextMenu, { MenuProps } from "../../structures/ContextMenu";
|
|
import LocationPicker, { ILocationPickerProps } from "./LocationPicker";
|
|
import { shareLiveLocation, shareLocation, LocationShareType } from "./shareLocation";
|
|
import SettingsStore from "../../../settings/SettingsStore";
|
|
import ShareDialogButtons from "./ShareDialogButtons";
|
|
import ShareType from "./ShareType";
|
|
import { OwnProfileStore } from "../../../stores/OwnProfileStore";
|
|
import { EnableLiveShare } from "./EnableLiveShare";
|
|
import { useFeatureEnabled } from "../../../hooks/useSettings";
|
|
import { SettingLevel } from "../../../settings/SettingLevel";
|
|
|
|
type Props = Omit<ILocationPickerProps, "onChoose" | "shareType"> & {
|
|
onFinished: (ev?: SyntheticEvent) => void;
|
|
menuPosition: MenuProps;
|
|
openMenu: () => void;
|
|
roomId: Room["roomId"];
|
|
relation?: IEventRelation;
|
|
};
|
|
|
|
const getEnabledShareTypes = (relation?: IEventRelation): LocationShareType[] => {
|
|
const enabledShareTypes = [LocationShareType.Own];
|
|
|
|
// live locations cannot have a relation
|
|
// hide the option when composer has a relation
|
|
if (!relation) {
|
|
enabledShareTypes.push(LocationShareType.Live);
|
|
}
|
|
|
|
enabledShareTypes.push(LocationShareType.Pin);
|
|
|
|
return enabledShareTypes;
|
|
};
|
|
|
|
const LocationShareMenu: React.FC<Props> = ({ menuPosition, onFinished, sender, roomId, openMenu, relation }) => {
|
|
const matrixClient = useContext(MatrixClientContext);
|
|
const enabledShareTypes = getEnabledShareTypes(relation);
|
|
const isLiveShareEnabled = useFeatureEnabled("feature_location_share_live");
|
|
|
|
const multipleShareTypesEnabled = enabledShareTypes.length > 1;
|
|
|
|
const [shareType, setShareType] = useState<LocationShareType | undefined>(
|
|
multipleShareTypesEnabled ? undefined : LocationShareType.Own,
|
|
);
|
|
|
|
const displayName = OwnProfileStore.instance.displayName;
|
|
|
|
const onLocationSubmit =
|
|
shareType === LocationShareType.Live
|
|
? shareLiveLocation(matrixClient, roomId, displayName, openMenu)
|
|
: shareLocation(matrixClient, roomId, shareType, relation, openMenu);
|
|
|
|
const onLiveShareEnableSubmit = (): void => {
|
|
SettingsStore.setValue("feature_location_share_live", undefined, SettingLevel.DEVICE, true);
|
|
};
|
|
|
|
const shouldAdvertiseLiveLabsFlag = shareType === LocationShareType.Live && !isLiveShareEnabled;
|
|
|
|
return (
|
|
<ContextMenu {...menuPosition} onFinished={onFinished} managed={false}>
|
|
<div className="mx_LocationShareMenu">
|
|
{shouldAdvertiseLiveLabsFlag && <EnableLiveShare onSubmit={onLiveShareEnableSubmit} />}
|
|
{!shouldAdvertiseLiveLabsFlag && !!shareType && (
|
|
<LocationPicker
|
|
sender={sender}
|
|
shareType={shareType}
|
|
onChoose={onLocationSubmit}
|
|
onFinished={onFinished}
|
|
/>
|
|
)}
|
|
{!shareType && <ShareType setShareType={setShareType} enabledShareTypes={enabledShareTypes} />}
|
|
<ShareDialogButtons
|
|
displayBack={!!shareType && multipleShareTypesEnabled}
|
|
onBack={() => setShareType(undefined)}
|
|
onCancel={onFinished}
|
|
/>
|
|
</div>
|
|
</ContextMenu>
|
|
);
|
|
};
|
|
|
|
export default LocationShareMenu;
|