Import button only shows up when logged in

2021-10-06 14:14:41 +02:00 · 2021-10-06 14:14:41 +02:00 · 4295f4a9be
commit 4295f4a9be
parent dc4174047a
1 changed files with 14 additions and 1 deletions
--- a/UI/BigComponents/ImportButton.ts
+++ b/UI/BigComponents/ImportButton.ts
@ -54,6 +54,19 @@ export default class ImportButton extends Toggle {
            new Combine([button, appliedTags]).SetClass("flex flex-col"),
            State.state.featurePipeline.runningQuery
        )
-        super(t.hasBeenImported, withLoadingCheck, isImported)
+        const importButton = new Toggle(t.hasBeenImported, withLoadingCheck, isImported)
+
+        const pleaseLoginButton =
+            new Toggle(t.pleaseLogin.Clone()
+                    .onClick(() => State.state.osmConnection.AttemptLogin())
+                    .SetClass("login-button-friendly"),
+                undefined,
+                State.state.featureSwitchUserbadge)
+            
+
+        super(importButton,
+            pleaseLoginButton,
+            State.state.osmConnection.isLoggedIn
+        )
    }
 }