Hide headset link on phones, use entry code based hub.link in HUD

src/hub.js

@@ -263,7 +263,7 @@ async function handleHubChannelJoined(entryManager, hubChannel, data) {
 
   document
     .querySelector("#hud-hub-entry-link")
-    .setAttribute("text", { value: `hub.link/${hub.hub_id}`, width: 1.1, align: "center" });
+    .setAttribute("text", { value: `hub.link/${hub.entry_code}`, width: 1.1, align: "center" });
 
   scene.setAttribute("networked-scene", {
     room: hub.hub_id,

src/react-components/link-root.js

@@ -249,17 +249,20 @@ class LinkRoot extends Component {
             </div>
 
             <div className={styles.footer}>
-              <div
-                className={styles.linkHeadsetFooterLink}
-                style={{ visibility: this.state.isAlphaMode ? "hidden" : "visible" }}
-              >
-                <img onClick={() => this.toggleMode()} src={HeadsetIcon} className={styles.headsetIcon} />
-                <span>
-                  <a href="#" onClick={() => this.toggleMode()}>
-                    <FormattedMessage id="link.linking_a_headset" />
-                  </a>
-                </span>
-              </div>
+              {!this.state.isAlphaMode &&
+                this.props.showHeadsetLinkOption && (
+                  <div
+                    className={styles.linkHeadsetFooterLink}
+                    style={{ visibility: this.state.isAlphaMode ? "hidden" : "visible" }}
+                  >
+                    <img onClick={() => this.toggleMode()} src={HeadsetIcon} className={styles.headsetIcon} />
+                    <span>
+                      <a href="#" onClick={() => this.toggleMode()}>
+                        <FormattedMessage id="link.linking_a_headset" />
+                      </a>
+                    </span>
+                  </div>
+                )}
             </div>
           </div>
         </div>