hide the login message when user is logged in

app.py

@@ -337,8 +337,9 @@ def get_title_image_html():
 
 
 with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft()) as demo:
-    gr.Markdown("**You must be logged in to use this space**")
-    gr.LoginButton(elem_id="login-button", elem_classes="center-button", min_width=250)
+    with gr.Group(visible=True) as login_group:
+        gr.Markdown("**You must be logged in to use this space**")
+        gr.LoginButton(elem_id="login-button", elem_classes="center-button", min_width=250)
     title_image = get_title_image_html()
     gr.HTML(title_image)
     gr.HTML(TITLE)
@@ -583,5 +584,15 @@ with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Soft()) as demo:
     # Add spacing between tabs and content
     gr.Markdown("<br><br><br><br>")
 
+    def check_login_status(request: gr.Request):
+        if request.username:
+            return gr.Group(visible=False)
+        return gr.Group(visible=True)
+    
+    demo.load(
+        fn=check_login_status,
+        outputs=[login_group]
+    )
+
 if __name__ == "__main__":
     demo.launch(debug=True)