rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

prettier the world

Browse Source
This commit is contained in:
Michael Telatynski
2023-11-20 13:38:01 +00:00
parent e6073ec8ef
commit d5f546a093
5 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/button/Button.tsx
View File

@@ -142,7 +142,9 @@ export const MicButton: FC<{
}> = ({ muted, ...rest }) => { }> = ({ muted, ...rest }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const Icon = muted ? MicOffSolidIcon : MicOnSolidIcon; const Icon = muted ? MicOffSolidIcon : MicOnSolidIcon;
const label = muted ? t("unmute_microphone_button_label") : t("mute_microphone_button_label"); const label = muted
? t("unmute_microphone_button_label")
: t("mute_microphone_button_label");
return ( return (
<Tooltip label={label}> <Tooltip label={label}>
@@ -160,7 +162,9 @@ export const VideoButton: FC<{
}> = ({ muted, ...rest }) => { }> = ({ muted, ...rest }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const Icon = muted ? VideoCallOffSolidIcon : VideoCallSolidIcon; const Icon = muted ? VideoCallOffSolidIcon : VideoCallSolidIcon;
const label = muted ? t("start_video_button_label") : t("stop_video_button_label"); const label = muted
? t("start_video_button_label")
: t("stop_video_button_label");
return ( return (
<Tooltip label={label}> <Tooltip label={label}>
@@ -178,7 +182,9 @@ export const ScreenshareButton: FC<{
[index: string]: unknown; [index: string]: unknown;
}> = ({ enabled, className, ...rest }) => { }> = ({ enabled, className, ...rest }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const label = enabled ? t("stop_screenshare_button_label") : t("screenshare_button_label"); const label = enabled
? t("stop_screenshare_button_label")
: t("screenshare_button_label");
return ( return (
<Tooltip label={label}> <Tooltip label={label}>
@@ -254,7 +260,9 @@ export const FullscreenButton: FC<FullscreenButtonProps> = ({
}) => { }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const Icon = fullscreen ? FullscreenExit : Fullscreen; const Icon = fullscreen ? FullscreenExit : Fullscreen;
const label = fullscreen ? t("exit_fullscreen_button_label") : t("fullscreen_button_label"); const label = fullscreen
? t("exit_fullscreen_button_label")
: t("fullscreen_button_label");
return ( return (
<Tooltip label={label}> <Tooltip label={label}>

6
src/home/JoinExistingCallModal.tsx
View File

@@ -37,7 +37,11 @@ export const JoinExistingCallModal: FC<Props> = ({
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Modal title={t("join_existing_call_modal.title")} open={open} onDismiss={onDismiss}> <Modal
title={t("join_existing_call_modal.title")}
open={open}
onDismiss={onDismiss}
>
<p>{t("join_existing_call_modal.text")}</p> <p>{t("join_existing_call_modal.text")}</p>
<FieldRow rightAlign className={styles.buttons}> <FieldRow rightAlign className={styles.buttons}>
<Button onPress={onDismiss}>{t("action.no")}</Button> <Button onPress={onDismiss}>{t("action.no")}</Button>

6
src/room/AppSelectionModal.tsx
View File

@@ -76,7 +76,11 @@ export const AppSelectionModal: FC<Props> = ({ roomId }) => {
}, [roomId, roomSharedKey]); }, [roomId, roomSharedKey]);
return ( return (
<Modal className={styles.modal} title={t("app_selection_modal.title")} open={open}> <Modal
className={styles.modal}
title={t("app_selection_modal.title")}
open={open}
>
<Text size="md" weight="semibold"> <Text size="md" weight="semibold">
{t("app_selection_modal.text")} {t("app_selection_modal.text")}
</Text> </Text>

6
src/room/RageshakeRequestModal.tsx
View File

@@ -44,7 +44,11 @@ export const RageshakeRequestModal: FC<Props> = ({
}, [sent, onDismiss]); }, [sent, onDismiss]);
return ( return (
<Modal title={t("rageshake_request_modal.title")} open={open} onDismiss={onDismiss}> <Modal
title={t("rageshake_request_modal.title")}
open={open}
onDismiss={onDismiss}
>
<Body>{t("rageshake_request_modal.body")}</Body> <Body>{t("rageshake_request_modal.body")}</Body>
<FieldRow> <FieldRow>
<Button <Button

4
src/video-grid/VideoTile.tsx
View File

@@ -204,7 +204,9 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
data-muted={muted} data-muted={muted}
/> />
<Text as="span" size="sm" weight="medium"> <Text as="span" size="sm" weight="medium">
{sfuParticipant.isLocal ? t("video_tile.sfu_participant_local") : displayName} {sfuParticipant.isLocal
? t("video_tile.sfu_participant_local")
: displayName}
</Text> </Text>
{showConnectionStats && ( {showConnectionStats && (
<ConnectionQualityIndicator participant={sfuParticipant} /> <ConnectionQualityIndicator participant={sfuParticipant} />