Update app.py

app.py

@@ -11,6 +11,7 @@ from dash.exceptions import PreventUpdate
 import PyPDF2
 import docx
 import chardet
+import json
 
 # Initialize the Dash app
 app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
@@ -130,6 +131,7 @@ def parse_file_content(contents, filename):
     State('upload-files', 'filename'),
     State('file-list', 'children')
 )
+# Update the file list creation in the update_output function
 def update_output(list_of_contents, list_of_names, existing_files):
     global uploaded_files
     if list_of_contents is not None:
@@ -138,7 +140,7 @@ def update_output(list_of_contents, list_of_names, existing_files):
             file_content = parse_file_content(content, name)
             uploaded_files[name] = file_content
             new_files.append(html.Div([
-                html.Button('×', id={'type': 'remove-file', 'index': name}, style={'marginRight': '5px', 'fontSize': '10px'}),
+                html.Button('×', id={'type': 'remove-file', 'index': name}, n_clicks=0, style={'marginRight': '5px', 'fontSize': '10px'}),
                 html.Span(name)
             ]))
         if existing_files is None:
@@ -155,9 +157,12 @@ def update_output(list_of_contents, list_of_names, existing_files):
 def remove_file(n_clicks, existing_files):
     global uploaded_files
     ctx = dash.callback_context
-    if not ctx.triggered:
+    if not ctx.triggered or not any(n_clicks):
         raise PreventUpdate
-    removed_file = ctx.triggered[0]['prop_id'].split(',')[0].split(':')[-1].strip('}')
+    
+    triggered_id = ctx.triggered[0]['prop_id'].split('.')[0]
+    removed_file = json.loads(triggered_id)['index']
+    
     uploaded_files.pop(removed_file, None)
     return [file for file in existing_files if file['props']['children'][1]['props']['children'] != removed_file]