add skills query

app/app.py

@@ -46,7 +46,7 @@ def retrieve_documents(occupation,skills):
     candidate_doc_unique = []
 
     for doc in candidate_doc:
-        course_id = doc['metadata'].get('course_id')
+        course_id = doc.metadata.get('course_id','')
         if course_id not in seen_course_ids:
             candidate_doc_unique.append(doc)
             seen_course_ids.add(course_id)
@@ -208,14 +208,13 @@ if __name__ == "__main__":
     occupations = {**occupations_esco, **occupations_BA}
     # Gradio interface
     with gr.Blocks(title="MyEduLife Kursempfehlungssystem") as demo:
-        with gr.Row():
-            occupation_dropdown = gr.Dropdown(list(occupations.keys()), label="Zielberuf",info='Bitte wählen Sie Ihren Zielberuf aus.')
-            currentskill_dropdown = gr.Dropdown([],label="aktuelle Fähigkeiten", multiselect=True,info='Bitte wählen Sie die Fähigkeiten aus, die Sie derzeit besitzen')
-            sb_btn = gr.Button("Absenden")
-            skillgap_dropdown = gr.Dropdown([],label="Fähigkeiten", multiselect=True,info='Bitte wählen Sie die Fähigkeiten aus, die Sie lernen möchten.')
+        occupation_dropdown = gr.Dropdown(list(occupations.keys()), label="Zielberuf",info='Bitte wählen Sie Ihren Zielberuf aus.')
+        currentskill_dropdown = gr.Dropdown([],label="aktuelle Fähigkeiten", multiselect=True,info='Bitte wählen Sie die Fähigkeiten aus, die Sie derzeit besitzen')
+        sb_btn = gr.Button("Absenden")
+        skillgap_dropdown = gr.Dropdown([],label="Fähigkeiten", multiselect=True,info='Bitte wählen Sie die Fähigkeiten aus, die Sie lernen möchten.')
                 # Use gr.HTML to display the HTML content
-            button = gr.Button("Kursempfehlungen")
-            documents_output = gr.HTML()
+        button = gr.Button("Kursempfehlungen")
+        documents_output = gr.HTML()
 
         occupation_dropdown.change(update_skills, inputs=occupation_dropdown, outputs=currentskill_dropdown)