fix: get the username and fix ui

app.py

@@ -20,6 +20,7 @@ PUSH_FREQUENCY = 60 # every minute
 HISTORY = ""
 PROMPT = ""
 USERNAME = ""
+NAME = ""
 
 DATA_FILENAME = "data.jsonl"
 DATA_FILE = os.path.join("data", DATA_FILENAME)
@@ -230,6 +231,7 @@ def vote(data: gr.LikeData):
                     {
                         "time_stamp": time.time(),
                         "model_version":MODEL_VERSION,
+                        "name":NAME,
                         "username":USERNAME,
                         "prompt": PROMPT,
                         "history": HISTORY,
@@ -247,10 +249,13 @@ def vote(data: gr.LikeData):
 
 def hello(profile: gr.OAuthProfile | None) -> str:
     global USERNAME
+    print(dir(profile))
     if profile is None:
         USERNAME = "guest"
+        NAME = "guest"
         return "I don't know you. Please login:"
-    USERNAME = profile.name
+    NAME = profile.name
+    USERNAME = profile.username
     return f"Hello {profile.name}"
     
 with gr.Blocks(css=CSS) as demo:
@@ -262,8 +267,11 @@ with gr.Blocks(css=CSS) as demo:
                 PERSIAN GPT Trained by Mojtaba Valipour @ Data Analytics Lab
                 """
             )
+    with gr.Row():
+        with gr.Column():
             gr.LoginButton()
             #gr.LogoutButton()
+        with gr.Column():
             gr.Markdown().attach_load_event(hello, None)
 
     chatbot.like(vote, None, None)