Remove feedback buttons from onboarding, search, and spaces (#10506)

src/components/structures/SpaceRoomView.tsx

@@ -71,7 +71,6 @@ import RoomTopic from "../views/elements/RoomTopic";
 import withValidation from "../views/elements/Validation";
 import RoomInfoLine from "../views/rooms/RoomInfoLine";
 import RoomPreviewCard from "../views/rooms/RoomPreviewCard";
-import { SpaceFeedbackPrompt } from "../views/spaces/SpaceCreateMenu";
 import SpacePublicShare from "../views/spaces/SpacePublicShare";
 import { ChevronFace, ContextMenuButton, useContextMenu } from "./ContextMenu";
 import MainSplit from "./MainSplit";
@@ -269,7 +268,6 @@ const SpaceLanding: React.FC<{ space: Room }> = ({ space }) => {
         <div className="mx_SpaceRoomView_landing">
             <div className="mx_SpaceRoomView_landing_header">
                 <RoomAvatar room={space} height={80} width={80} viewAvatarOnClick={true} />
-                <SpaceFeedbackPrompt />
             </div>
             <div className="mx_SpaceRoomView_landing_name">
                 <RoomName room={space}>

src/components/structures/UserMenu.tsx

@@ -51,6 +51,7 @@ import { ViewHomePagePayload } from "../../dispatcher/payloads/ViewHomePagePaylo
 import { Icon as LiveIcon } from "../../../res/img/compound/live-8px.svg";
 import { VoiceBroadcastRecording, VoiceBroadcastRecordingsStoreEvent } from "../../voice-broadcast";
 import { SDKContext } from "../../contexts/SDKContext";
+import { shouldShowFeedback } from "../../utils/Feedback";
 
 interface IProps {
     isPanelCollapsed: boolean;
@@ -333,7 +334,7 @@ export default class UserMenu extends React.Component<IProps, IState> {
         }
 
         let feedbackButton: JSX.Element | undefined;
-        if (SettingsStore.getValue(UIFeature.Feedback)) {
+        if (shouldShowFeedback()) {
             feedbackButton = (
                 <IconizedContextMenuOption
                     iconClassName="mx_UserMenu_iconMessage"

src/components/views/dialogs/spotlight/SpotlightDialog.tsx

@@ -54,7 +54,6 @@ import { useUserDirectory } from "../../../../hooks/useUserDirectory";
 import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
 import { _t } from "../../../../languageHandler";
 import { MatrixClientPeg } from "../../../../MatrixClientPeg";
-import Modal from "../../../../Modal";
 import { PosthogAnalytics } from "../../../../PosthogAnalytics";
 import { getCachedRoomIDForAlias } from "../../../../RoomAliasCache";
 import { showStartChatInviteDialog } from "../../../../RoomInvite";
@@ -81,14 +80,12 @@ import LabelledCheckbox from "../../elements/LabelledCheckbox";
 import Spinner from "../../elements/Spinner";
 import NotificationBadge from "../../rooms/NotificationBadge";
 import BaseDialog from "../BaseDialog";
-import FeedbackDialog from "../FeedbackDialog";
 import { Option } from "./Option";
 import { PublicRoomResultDetails } from "./PublicRoomResultDetails";
 import { RoomResultContextMenus } from "./RoomResultContextMenus";
 import { RoomContextDetails } from "../../rooms/RoomContextDetails";
 import { TooltipOption } from "./TooltipOption";
 import { isLocalRoom } from "../../../../utils/localRoom/isLocalRoom";
-import { shouldShowFeedback } from "../../../../utils/Feedback";
 import RoomAvatar from "../../avatars/RoomAvatar";
 import { useFeatureEnabled } from "../../../../hooks/useSettings";
 import { filterBoolean } from "../../../../utils/arrays";
@@ -1157,14 +1154,6 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
         }
     };
 
-    const openFeedback = shouldShowFeedback()
-        ? () => {
-              Modal.createDialog(FeedbackDialog, {
-                  feature: "spotlight",
-              });
-          }
-        : null;
-
     const activeDescendant = rovingContext.state.activeRef?.current?.id;
 
     return (
@@ -1242,26 +1231,6 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                 >
                     {content}
                 </div>
-
-                <div className="mx_SpotlightDialog_footer">
-                    {openFeedback &&
-                        _t(
-                            "Results not as expected? Please <a>give feedback</a>.",
-                            {},
-                            {
-                                a: (sub) => (
-                                    <AccessibleButton kind="link_inline" onClick={openFeedback}>
-                                        {sub}
-                                    </AccessibleButton>
-                                ),
-                            },
-                        )}
-                    {openFeedback && (
-                        <AccessibleButton kind="primary_outline" onClick={openFeedback}>
-                            {_t("Feedback")}
-                        </AccessibleButton>
-                    )}
-                </div>
             </BaseDialog>
         </>
     );

src/components/views/spaces/SpaceCreateMenu.tsx

@@ -41,14 +41,9 @@ import AccessibleButton, { ButtonEvent } from "../elements/AccessibleButton";
 import Field from "../elements/Field";
 import withValidation from "../elements/Validation";
 import RoomAliasField from "../elements/RoomAliasField";
-import Modal from "../../../Modal";
-import GenericFeatureFeedbackDialog from "../dialogs/GenericFeatureFeedbackDialog";
-import SettingsStore from "../../../settings/SettingsStore";
 import { getKeyBindingsManager } from "../../../KeyBindingsManager";
 import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
-import { shouldShowFeedback } from "../../../utils/Feedback";
-
 export const createSpace = async (
     name: string,
     isPublic: boolean,
@@ -118,40 +113,6 @@ const nameToLocalpart = (name: string): string => {
         .replace(/[^a-z0-9_-]+/gi, "");
 };
 
-// XXX: Temporary for the Spaces release only
-export const SpaceFeedbackPrompt: React.FC<{
-    onClick?(): void;
-}> = ({ onClick }) => {
-    if (!shouldShowFeedback()) return null;
-
-    return (
-        <div className="mx_SpaceFeedbackPrompt">
-            <span className="mx_SpaceFeedbackPrompt_text">{_t("Spaces are a new feature.")}</span>
-            <AccessibleButton
-                kind="link_inline"
-                onClick={() => {
-                    if (onClick) onClick();
-                    Modal.createDialog(GenericFeatureFeedbackDialog, {
-                        title: _t("Spaces feedback"),
-                        subheading: _t(
-                            "Thank you for trying Spaces. " + "Your feedback will help inform the next versions.",
-                        ),
-                        rageshakeLabel: "spaces-feedback",
-                        rageshakeData: Object.fromEntries(
-                            ["Spaces.allRoomsInHome", "Spaces.enabledMetaSpaces"].map((k) => [
-                                k,
-                                SettingsStore.getValue(k),
-                            ]),
-                        ),
-                    });
-                }}
-            >
-                {_t("Give feedback.")}
-            </AccessibleButton>
-        </div>
-    );
-};
-
 type BProps = Omit<ComponentProps<typeof SpaceBasicSettings>, "nameDisabled" | "topicDisabled" | "avatarDisabled">;
 interface ISpaceCreateFormProps extends BProps {
     busy: boolean;
@@ -316,8 +277,6 @@ const SpaceCreateMenu: React.FC<{
                 />
 
                 <p>{_t("To join a space you'll need an invite.")}</p>
-
-                <SpaceFeedbackPrompt onClick={onFinished} />
             </React.Fragment>
         );
     } else {

src/components/views/user-onboarding/UserOnboardingFeedback.tsx

@@ -1,59 +0,0 @@
-/*
-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 from "react";
-
-import { _t } from "../../../languageHandler";
-import Modal from "../../../Modal";
-import SdkConfig from "../../../SdkConfig";
-import AccessibleButton from "../../views/elements/AccessibleButton";
-import Heading from "../../views/typography/Heading";
-import FeedbackDialog from "../dialogs/FeedbackDialog";
-import { shouldShowFeedback } from "../../../utils/Feedback";
-
-export function UserOnboardingFeedback(): JSX.Element {
-    if (!shouldShowFeedback()) {
-        return <></>;
-    }
-
-    return (
-        <div className="mx_UserOnboardingFeedback" data-testid="user-onboarding-feedback">
-            <div className="mx_UserOnboardingFeedback_content">
-                <Heading size="h4" className="mx_UserOnboardingFeedback_title">
-                    {_t("How are you finding %(brand)s so far?", {
-                        brand: SdkConfig.get("brand"),
-                    })}
-                </Heading>
-                <div className="mx_UserOnboardingFeedback_text">
-                    {_t("We’d appreciate any feedback on how you’re finding %(brand)s.", {
-                        brand: SdkConfig.get("brand"),
-                    })}
-                </div>
-            </div>
-            <AccessibleButton
-                kind="primary_outline"
-                className="mx_UserOnboardingFeedback_action"
-                onClick={() => {
-                    Modal.createDialog(FeedbackDialog, {
-                        feature: "use-case-selection",
-                    });
-                }}
-            >
-                {_t("Feedback")}
-            </AccessibleButton>
-        </div>
-    );
-}

src/components/views/user-onboarding/UserOnboardingList.tsx

@@ -21,7 +21,6 @@ import { _t } from "../../../languageHandler";
 import SdkConfig from "../../../SdkConfig";
 import ProgressBar from "../../views/elements/ProgressBar";
 import Heading from "../../views/typography/Heading";
-import { UserOnboardingFeedback } from "./UserOnboardingFeedback";
 import { UserOnboardingTask } from "./UserOnboardingTask";
 
 export const getUserOnboardingCounters = (
@@ -66,7 +65,6 @@ export function UserOnboardingList({ tasks }: Props): JSX.Element {
             </div>
             <div className="mx_UserOnboardingList_progress">
                 <ProgressBar value={completed} max={total} animated />
-                {waiting === 0 && <UserOnboardingFeedback />}
             </div>
             <ol className="mx_UserOnboardingList_list">
                 {tasks.map((task) => (