diff --git a/res/css/views/dialogs/_HostSignupDialog.scss b/res/css/views/dialogs/_HostSignupDialog.scss index 56d71034045..b1b7b188987 100644 --- a/res/css/views/dialogs/_HostSignupDialog.scss +++ b/res/css/views/dialogs/_HostSignupDialog.scss @@ -105,17 +105,6 @@ limitations under the License. right: 25px; } -.mx_HostSignup_persisted { - width: 90vw; - max-width: 580px; - height: 80vh; - max-height: 600px; - top: 0; - left: 0; - position: fixed; - display: none; -} - .mx_HostSignupDialog_minimized { position: fixed; bottom: 80px; diff --git a/src/components/views/dialogs/HostSignupDialog.tsx b/src/components/views/dialogs/HostSignupDialog.tsx index 91c29c68d1e..deb14a9b18e 100644 --- a/src/components/views/dialogs/HostSignupDialog.tsx +++ b/src/components/views/dialogs/HostSignupDialog.tsx @@ -20,7 +20,6 @@ import { logger } from "matrix-js-sdk/src/logger"; import AccessibleButton from "../elements/AccessibleButton"; import Modal from "../../../Modal"; -import PersistedElement from "../elements/PersistedElement"; import QuestionDialog from './QuestionDialog'; import SdkConfig from "../../../SdkConfig"; import { _t } from "../../../languageHandler"; @@ -35,8 +34,6 @@ import { import { IConfigOptions } from "../../../IConfigOptions"; import { SnakedObject } from "../../../utils/SnakedObject"; -const HOST_SIGNUP_KEY = "host_signup"; - interface IProps {} interface IState { @@ -111,8 +108,6 @@ export default class HostSignupDialog extends React.PureComponent { window.removeEventListener("message", this.messageHandler); - // Ensure we destroy the host signup persisted element - PersistedElement.destroyElement("host_signup"); // Finally clear the flag in return HostSignupStore.instance.setHostSignupActive(false); }; @@ -235,69 +230,65 @@ export default class HostSignupDialog extends React.PureComponent - -
-
+
+ { this.state.minimized && +
+
+ { _t("%(hostSignupBrand)s Setup", { + hostSignupBrand: this.config.get("brand"), + }) } +
+ +
+ } + { !this.state.minimized && +
+ + +
+ } + { this.state.error && +
+ { this.state.error } +
+ } + { !this.state.error && +