Remove progress from user onboarding button

Author: justjanne

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

@@ -20,22 +20,15 @@ import React, { useCallback } from "react";
 import { Action } from "../../../dispatcher/actions";
 import defaultDispatcher from "../../../dispatcher/dispatcher";
 import { useSettingValue } from "../../../hooks/useSettings";
-import { useUserOnboardingContext } from "../../../hooks/useUserOnboardingContext";
-import { useUserOnboardingTasks } from "../../../hooks/useUserOnboardingTasks";
 import { _t } from "../../../languageHandler";
 import PosthogTrackers from "../../../PosthogTrackers";
 import { UseCase } from "../../../settings/enums/UseCase";
 import { SettingLevel } from "../../../settings/SettingLevel";
 import SettingsStore from "../../../settings/SettingsStore";
 import AccessibleButton, { ButtonEvent } from "../../views/elements/AccessibleButton";
-import ProgressBar from "../../views/elements/ProgressBar";
 import Heading from "../../views/typography/Heading";
 import { showUserOnboardingPage } from "./UserOnboardingPage";
 
-function toPercentage(progress: number): string {
-    return (progress * 100).toFixed(0);
-}
-
 interface Props {
     selected: boolean;
     minimized: boolean;
@@ -70,7 +63,6 @@ function UserOnboardingButton({ selected, minimized }: Props) {
             className={classNames("mx_UserOnboardingButton", {
                 "mx_UserOnboardingButton_selected": selected,
                 "mx_UserOnboardingButton_minimized": minimized,
-                "mx_UserOnboardingButton_completed": !waiting || !context,
             })}
             onClick={onClick}>
             { !minimized && (
@@ -79,17 +71,11 @@ function UserOnboardingButton({ selected, minimized }: Props) {
                         <Heading size="h4" className="mx_Heading_h4">
                             { _t("Welcome") }
                         </Heading>
-                        { context && !completed && (
-                            <div className="mx_UserOnboardingButton_percentage">
-                                { toPercentage(progress) }%
-                            </div>
-                        ) }
                         <AccessibleButton
                             className="mx_UserOnboardingButton_close"
                             onClick={onDismiss}
                         />
                     </div>
-                    <ProgressBar value={completed} max={total} animated />
                 </>
             ) }
         </AccessibleButton>