diff --git a/res/css/views/beta/_BetaCard.scss b/res/css/views/beta/_BetaCard.scss
index 05149b7f6c..3463a653fc 100644
--- a/res/css/views/beta/_BetaCard.scss
+++ b/res/css/views/beta/_BetaCard.scss
@@ -39,19 +39,21 @@ limitations under the License.
font-size: $font-15px;
line-height: $font-20px;
color: $secondary-fg-color;
+ margin-bottom: 20px;
}
.mx_AccessibleButton {
display: block;
- margin: 20px 0;
- padding: 12px 40px;
- width: max-content;
+ margin: 12px 0;
+ padding: 7px 40px;
+ width: auto;
}
.mx_BetaCard_disclaimer {
font-size: $font-12px;
line-height: $font-15px;
color: $secondary-fg-color;
+ margin-top: 20px;
}
}
diff --git a/src/components/views/beta/BetaCard.tsx b/src/components/views/beta/BetaCard.tsx
index 96b1fbabe5..c12b05d119 100644
--- a/src/components/views/beta/BetaCard.tsx
+++ b/src/components/views/beta/BetaCard.tsx
@@ -22,6 +22,9 @@ import AccessibleButton from "../elements/AccessibleButton";
import SettingsStore from "../../../settings/SettingsStore";
import {SettingLevel} from "../../../settings/SettingLevel";
import TextWithTooltip from "../elements/TextWithTooltip";
+import Modal from "../../../Modal";
+import BetaFeedbackDialog from "../dialogs/BetaFeedbackDialog";
+import SdkConfig from "../../../SdkConfig";
interface IProps {
title?: string;
@@ -63,9 +66,23 @@ const BetaCard = ({ title: titleOverride, featureId }: IProps) => {
const info = SettingsStore.getBetaInfo(featureId);
if (!info) return null; // Beta is invalid/disabled
- const { title, caption, disclaimer, image } = info;
+ const { title, caption, disclaimer, image, feedbackLabel, feedbackSubheading } = info;
const value = SettingsStore.getValue(featureId);
+ let feedbackButton;
+ if (value && feedbackLabel && feedbackSubheading && SdkConfig.get().bug_report_endpoint_url) {
+ feedbackButton =
{ _t("%(brand)s will reload with Spaces disabled. " + +
{ _t("If you leave, %(brand)s will reload with Spaces disabled. " + "Communities and custom tags will be visible again.", { brand: SdkConfig.get().brand, }) }
@@ -162,6 +164,9 @@ export const SETTINGS: {[setting: string]: ISetting} = { >; }, image: require("../../res/img/betas/spaces.png"), + feedbackSubheading: _td("You’re using an early version of Spaces, " + + "your feedback will really help inform the next versions."), + feedbackLabel: "spaces-feedback", }, }, "feature_dnd": {