Update app.py

app.py

@@ -34,8 +34,8 @@ app.layout = dbc.Container([
         accept='.docx,.pdf'
     ),
     html.Div(id='upload-output'),
-    dbc.Spinner(html.Div(id="upload-spinner"), color="primary", type="grow", spinner_style={"display": "none"}),
-    dbc.Spinner(html.Div(id="conversion-spinner"), color="secondary", type="grow", spinner_style={"display": "none"}),
+    html.Div(id="upload-status", style={"display": "none"}),
+    html.Div(id="conversion-status", style={"display": "none"}),
     dbc.Button("Convert and Download", id="convert-button", color="primary", className="mt-3", disabled=True),
     dcc.Download(id="download-zip")
 ])
@@ -82,8 +82,10 @@ def process_files(contents, filenames):
 @app.callback(
     [Output('upload-output', 'children'),
      Output('convert-button', 'disabled'),
-     Output('upload-spinner', 'spinner_style'),
-     Output('conversion-spinner', 'spinner_style'),
+     Output('upload-status', 'children'),
+     Output('upload-status', 'style'),
+     Output('conversion-status', 'children'),
+     Output('conversion-status', 'style'),
      Output('download-zip', 'data')],
     [Input('upload-data', 'contents'),
      Input('upload-data', 'filename'),
@@ -104,7 +106,7 @@ def update_output(list_of_contents, list_of_names, n_clicks, contents, filenames
                     html.Hr()
                 ]) for name in list_of_names
             ]
-            return children, False, {"display": "none"}, {"display": "none"}, None
+            return children, False, "Files uploaded successfully", {"display": "block"}, "", {"display": "none"}, None
         return no_update
 
     if ctx.triggered[0]['prop_id'] == 'convert-button.n_clicks':
@@ -115,7 +117,15 @@ def update_output(list_of_contents, list_of_names, n_clicks, contents, filenames
             zip_data = process_files(contents, filenames)
             return dcc.send_bytes(zip_data, "converted_files.zip")
 
-        return no_update, True, {"display": "none"}, {"display": "block"}, process_and_download()
+        return (
+            no_update,
+            True,
+            "",
+            {"display": "none"},
+            "Converting files... This may take a moment.",
+            {"display": "block"},
+            process_and_download()
+        )
 
     return no_update