imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply prettier formatting

Browse source
This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions
Download patch file Download diff file Expand all files Collapse all files

149
src/components/views/beta/BetaCard.tsx
View file

@ -49,26 +49,24 @@ export const BetaPill = ({
tooltipCaption = _t("Click for more info"),
}: IBetaPillProps) => {
if (onClick) {
return <AccessibleTooltipButton
className="mx_BetaCard_betaPill"
title={`${tooltipTitle} ${tooltipCaption}`}
tooltip={<div>
<div className="mx_Tooltip_title">
{ tooltipTitle }
</div>
<div className="mx_Tooltip_sub">
{ tooltipCaption }
</div>
</div>}
onClick={onClick}
>
{ _t("Beta") }
</AccessibleTooltipButton>;
return (
<AccessibleTooltipButton
className="mx_BetaCard_betaPill"
title={`${tooltipTitle} ${tooltipCaption}`}
tooltip={
<div>
<div className="mx_Tooltip_title">{tooltipTitle}</div>
<div className="mx_Tooltip_sub">{tooltipCaption}</div>
</div>
}
onClick={onClick}
>
{_t("Beta")}
</AccessibleTooltipButton>
);
}
return <span className="mx_BetaCard_betaPill">
{ _t("Beta") }
</span>;
return <span className="mx_BetaCard_betaPill">{_t("Beta")}</span>;
};
const BetaCard = ({ title: titleOverride, featureId }: IProps) => {
@ -77,27 +75,20 @@ const BetaCard = ({ title: titleOverride, featureId }: IProps) => {
const [busy, setBusy] = useState(false);
if (!info) return null; // Beta is invalid/disabled
const {
title,
caption,
faq,
image,
feedbackLabel,
feedbackSubheading,
extraSettings,
requiresRefresh,
} = info;
const { title, caption, faq, image, feedbackLabel, feedbackSubheading, extraSettings, requiresRefresh } = info;
let feedbackButton;
if (value && feedbackLabel && feedbackSubheading && shouldShowFeedback()) {
feedbackButton = <AccessibleButton
onClick={() => {
Modal.createDialog(BetaFeedbackDialog, { featureId });
}}
kind="primary"
>
{ _t("Feedback") }
</AccessibleButton>;
feedbackButton = (
<AccessibleButton
onClick={() => {
Modal.createDialog(BetaFeedbackDialog, { featureId });
}}
kind="primary"
>
{_t("Feedback")}
</AccessibleButton>
);
}
let refreshWarning: string;
@ -117,52 +108,52 @@ const BetaCard = ({ title: titleOverride, featureId }: IProps) => {
content = _t("Join the beta");
}
return <div className="mx_BetaCard">
<div className="mx_BetaCard_columns">
<div className="mx_BetaCard_columns_description">
<h3 className="mx_BetaCard_title">
<span>{ titleOverride || _t(title) }</span>
<BetaPill />
</h3>
<div className="mx_BetaCard_caption">{ caption() }</div>
<div className="mx_BetaCard_buttons">
{ feedbackButton }
<AccessibleButton
onClick={async () => {
setBusy(true);
// make it look like we're doing something for two seconds,
// otherwise users think clicking did nothing
if (!requiresRefresh) {
await sleep(2000);
}
await SettingsStore.setValue(featureId, null, SettingLevel.DEVICE, !value);
if (!requiresRefresh) {
setBusy(false);
}
}}
kind={feedbackButton ? "primary_outline" : "primary"}
disabled={busy}
>
{ content }
</AccessibleButton>
return (
<div className="mx_BetaCard">
<div className="mx_BetaCard_columns">
<div className="mx_BetaCard_columns_description">
<h3 className="mx_BetaCard_title">
<span>{titleOverride || _t(title)}</span>
<BetaPill />
</h3>
<div className="mx_BetaCard_caption">{caption()}</div>
<div className="mx_BetaCard_buttons">
{feedbackButton}
<AccessibleButton
onClick={async () => {
setBusy(true);
// make it look like we're doing something for two seconds,
// otherwise users think clicking did nothing
if (!requiresRefresh) {
await sleep(2000);
}
await SettingsStore.setValue(featureId, null, SettingLevel.DEVICE, !value);
if (!requiresRefresh) {
setBusy(false);
}
}}
kind={feedbackButton ? "primary_outline" : "primary"}
disabled={busy}
>
{content}
</AccessibleButton>
</div>
{refreshWarning && <div className="mx_BetaCard_refreshWarning">{refreshWarning}</div>}
{faq && <div className="mx_BetaCard_faq">{faq(value)}</div>}
</div>
<div className="mx_BetaCard_columns_image_wrapper">
<img className="mx_BetaCard_columns_image" src={image} alt="" />
</div>
{ refreshWarning && <div className="mx_BetaCard_refreshWarning">
{ refreshWarning }
</div> }
{ faq && <div className="mx_BetaCard_faq">
{ faq(value) }
</div> }
</div>
<div className="mx_BetaCard_columns_image_wrapper">
<img className="mx_BetaCard_columns_image" src={image} alt="" />
</div>
{extraSettings && value && (
<div className="mx_BetaCard_relatedSettings">
{extraSettings.map((key) => (
<SettingsFlag key={key} name={key} level={SettingLevel.DEVICE} />
))}
</div>
)}
</div>
{ extraSettings && value && <div className="mx_BetaCard_relatedSettings">
{ extraSettings.map(key => (
<SettingsFlag key={key} name={key} level={SettingLevel.DEVICE} />
)) }
</div> }
</div>;
);
};
export default BetaCard;