Move join room button

2022-02-04 12:31:59 -08:00
parent cde352bcae
commit 9c3e4907c8
5 changed files with 28 additions and 10 deletions
--- a/src/room/LobbyView.jsx
+++ b/src/room/LobbyView.jsx
@@ -83,13 +83,6 @@ export function LobbyView({
                    />
                  </div>
                )}
-                <Button
-                  className={styles.joinCallButton}
-                  disabled={state !== GroupCallState.LocalCallFeedInitialized}
-                  onPress={onEnter}
-                >
-                  Join call now
-                </Button>
                <div className={styles.previewButtons}>
                  <MicButton
                    muted={microphoneMuted}
@@ -109,8 +102,17 @@ export function LobbyView({
              </>
            )}
          </div>
+          <Button
+            className={styles.copyButton}
+            size="lg"
+            disabled={state !== GroupCallState.LocalCallFeedInitialized}
+            onPress={onEnter}
+          >
+            Join call now
+          </Button>
          <Body>Or</Body>
          <CopyButton
+            variant="secondaryCopy"
            value={getRoomUrl(roomId)}
            className={styles.copyButton}
            copiedMessage="Call link copied"
--- a/src/room/LobbyView.module.css
+++ b/src/room/LobbyView.module.css
@@ -112,6 +112,11 @@ limitations under the License.

 .copyButton {
  width: 320px !important;
+  margin-bottom: 15px;
+}
+
+.copyButton:last-child {
+  margin-bottom: 0;
 }

 .previewButtons > * {