Implement feedback section for user onboarding list (#9090)

This commit is contained in:
Janne Mareike Koschinski 2022-08-01 16:01:27 +02:00 committed by GitHub
parent d5db131eef
commit 91a24c411b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 103 additions and 1 deletions

View file

@ -22,6 +22,7 @@ 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";
interface Props {
@ -55,6 +56,9 @@ export function UserOnboardingList({ completedTasks, waitingTasks }: Props) {
</div>
<div className="mx_UserOnboardingList_progress">
<ProgressBar value={completed} max={total} animated />
{ waiting === 0 && (
<UserOnboardingFeedback />
) }
</div>
<ol className="mx_UserOnboardingList_list">
{ tasks.map(([task, completed]) => (