diff --git a/UI/BigComponents/ImportButton.ts b/UI/BigComponents/ImportButton.ts index 160405264..8ec4bd232 100644 --- 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 + ) } } \ No newline at end of file