Fix React warning when mounting `<App>`

This commit is contained in:
Evan Hahn 2021-06-23 09:33:27 -05:00 committed by GitHub
parent 6b2dfeb9f5
commit 0ec23be91b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 12 deletions

View File

@ -1,4 +1,4 @@
<!-- Copyright 2014-2020 Signal Messenger, LLC --> <!-- Copyright 2014-2021 Signal Messenger, LLC -->
<!-- SPDX-License-Identifier: AGPL-3.0-only --> <!-- SPDX-License-Identifier: AGPL-3.0-only -->
<!DOCTYPE html> <!DOCTYPE html>
@ -352,17 +352,19 @@
<script type='text/javascript' src='js/keychange_listener.js'></script> <script type='text/javascript' src='js/keychange_listener.js'></script>
</head> </head>
<body class="overflow-hidden"> <body class="overflow-hidden">
<div class='app-loading-screen'> <div id='app-container'>
<div class='module-title-bar-drag-area'></div> <div class='app-loading-screen'>
<div class='module-title-bar-drag-area'></div>
<div class='content'> <div class='content'>
<div class="module-splash-screen__logo module-img--150"></div> <div class="module-splash-screen__logo module-img--150"></div>
<div class='container'> <div class='container'>
<span class='dot'></span> <span class='dot'></span>
<span class='dot'></span> <span class='dot'></span>
<span class='dot'></span> <span class='dot'></span>
</div>
<div class='message'></div>
</div> </div>
<div class='message'></div>
</div> </div>
</div> </div>

View File

@ -1,6 +1,10 @@
// Copyright 2015-2020 Signal Messenger, LLC // Copyright 2015-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only // SPDX-License-Identifier: AGPL-3.0-only
#app-container {
height: 100%;
}
.conversation-stack, .conversation-stack,
.new-conversation, .new-conversation,
.inbox, .inbox,

View File

@ -1715,7 +1715,7 @@ export async function startApp(): Promise<void> {
cancelInitializationMessage(); cancelInitializationMessage();
render( render(
window.Signal.State.Roots.createApp(window.reduxStore), window.Signal.State.Roots.createApp(window.reduxStore),
document.body document.getElementById('app-container')
); );
const hideMenuBar = window.storage.get('hide-menu-bar', false); const hideMenuBar = window.storage.get('hide-menu-bar', false);
window.setAutoHideMenuBar(hideMenuBar); window.setAutoHideMenuBar(hideMenuBar);