chore: Update modal headers with icons for better user experience

chore: Updated Electron app with a context menu

3D_app/main.py

@@ -60,6 +60,7 @@ with open("assets/modal.md", "r") as f:
 # on défini le modal
 modal_overlay = dbc.Modal(
     [
+        dbc.ModalHeader([html.Img(src=app.get_asset_url('info.png'), height="32px", style={"marginRight": "5px"}), dbc.ModalTitle("Learn more")]),
         dbc.ModalBody(html.Div([dcc.Markdown(howto_md)], id="howto-md")),
         dbc.ModalFooter(dbc.Button("Close", id="howto-close", className="howto-bn")),
     ],
@@ -146,7 +147,7 @@ modal_settings = dbc.Modal(
 
 modal_open = dbc.Modal(
     [
-        dbc.ModalHeader(dbc.ModalTitle("Open a file")),
+        dbc.ModalHeader([html.Img(src=app.get_asset_url('open.png'), height="32px", style={"marginRight": "5px"}), dbc.ModalTitle("Open a file")]),
         dbc.ModalBody(
             [
                 dbc.ListGroup(
@@ -177,7 +178,7 @@ modal_open = dbc.Modal(
 
 modal_save = dbc.Modal(
     [
-        dbc.ModalHeader(dbc.ModalTitle("Save a file")),
+        dbc.ModalHeader([html.Img(src=app.get_asset_url('save.png'), height="32px", style={"marginRight": "5px"}), dbc.ModalTitle("Save a file")]),
         dbc.ModalBody(
             [
                 dbc.Input(id="save-input", placeholder="Filename"),
@@ -220,6 +221,7 @@ button_howto = dbc.Button(
     outline=True,
     color="primary",
     href="https://github.com/mathur04/stage_IJL/tree/main",
+    target="_blank",
     id="gh-link",
     style={"textTransform": "none", "marginRight": "10px"},
 )
@@ -283,9 +285,8 @@ navmenu = html.Div(
 
 save_toast = dbc.Toast(
     [html.P("File saved successfully in the saves folder!", className="mb-0")],
+    header=[html.Img(src=app.get_asset_url('save.png'), height="32px", style={"marginRight": "5px"}), "Success"],
     id="save-toast",
-    header="Success",
-    icon="success",
     duration=4000,
     is_open=False,
     dismissable=True,

3D_app/pages/fullscreen/bscan-xy.py

@@ -55,7 +55,10 @@ layout = html.Div(
 
 # callback pour les B-scan ZX en plein écran
 @callback(
-    [Output("heatmap-bscan-xy-fullscreen", "figure"), Output("loading-bscan-xy", "children")],
+    [
+        Output("heatmap-bscan-xy-fullscreen", "figure"),
+        Output("loading-bscan-xy", "children"),
+    ],
     Input("layer-slider-bscan-xy-fullscreen", "value"),
     State("store-settings", "data"),
 )