1897210a60
* Initial support for Hand Raise feature Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Refactored to use reaction and redaction events Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Replacing button svg with raised hand emoji Signed-off-by: Milton Moura <miltonmoura@gmail.com> * SpotlightTile should not duplicate the raised hand Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Update src/room/useRaisedHands.tsx Element Call recently changed to AGPL-3.0 * Use relations to load existing reactions when joining the call Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Links to sha commit of matrix-js-sdk that exposes the call membership event id and refactors some async code Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Removing RaiseHand.svg * Check for reaction & redaction capabilities in widget mode Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Fix failing GridTile test Signed-off-by: Milton Moura <miltonmoura@gmail.com> * Center align hand raise. * Add support for displaying the duration of a raised hand. * Add a sound for when a hand is raised. * Refactor raised hand indicator and add tests. * lint * Refactor into own files. * Redact the right thing. * Tidy up useEffect * Lint tests * Remove extra layer * Add better sound. (woosh) * Add a small mode for spotlight * Fix timestamp calculation on relaod. * Fix call border resizing video * lint * Fix and update tests * Allow timer to be configurable. * Add preferences tab for choosing to enable timer. * Drop border from raised hand icon * Handle cases when a new member event happens. * Prevent infinite loop * Major refactor to support various state problems. * Tidy up and finish test rewrites * Add some explanation comments. * Even more comments. * Use proper duration formatter * Remove rerender * Fix redactions not working because they pick up events in transit. * More tidying * Use deferred value * linting * Add tests for cases where we got a reaction from someone else. * Be even less brittle. * Transpose border to GridTile. * lint --------- Signed-off-by: Milton Moura <miltonmoura@gmail.com> Co-authored-by: fkwp <fkwp@users.noreply.github.com> Co-authored-by: Half-Shot <will@half-shot.uk> Co-authored-by: Will Hunt <github@half-shot.uk>
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
/*
|
|
Copyright 2022-2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { ChangeEvent, FC, useCallback } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Text } from "@vector-im/compound-web";
|
|
|
|
import { FieldRow, InputField } from "../input/Input";
|
|
import {
|
|
showHandRaisedTimer as showHandRaisedTimerSetting,
|
|
useSetting,
|
|
} from "./settings";
|
|
|
|
export const PreferencesSettingsTab: FC = () => {
|
|
const { t } = useTranslation();
|
|
const [showHandRaisedTimer, setShowHandRaisedTimer] = useSetting(
|
|
showHandRaisedTimerSetting,
|
|
);
|
|
|
|
const onChangeSetting = useCallback(
|
|
(e: ChangeEvent<HTMLInputElement>) => {
|
|
setShowHandRaisedTimer(e.target.checked);
|
|
},
|
|
[setShowHandRaisedTimer],
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
<h4>{t("settings.preferences_tab_h4")}</h4>
|
|
<Text>{t("settings.preferences_tab_body")}</Text>
|
|
<FieldRow>
|
|
<InputField
|
|
id="showHandRaisedTimer"
|
|
label={t("settings.preferences_tab_show_hand_raised_timer_label")}
|
|
description={t(
|
|
"settings.preferences_tab_show_hand_raised_timer_description",
|
|
)}
|
|
type="checkbox"
|
|
checked={showHandRaisedTimer}
|
|
onChange={onChangeSetting}
|
|
/>
|
|
</FieldRow>
|
|
</div>
|
|
);
|
|
};
|