Add a title and icon to the Stop Nodes submenu in the right panel.

Fix: #1068
chairemobilite · Sep 26, 2024 · 0c7d5f9 · 0c7d5f9
1 parent 43f0ecd
commit 0c7d5f9
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/transition-frontend/src/components/forms/node/TransitNodePanel.tsx b/packages/transition-frontend/src/components/forms/node/TransitNodePanel.tsx
@@ -144,6 +144,16 @@ const NodePanel: React.FunctionComponent<WithTranslation> = (props: WithTranslat
     // TODO Review the conditions to define which part is opened. This is a bit complicated wrt the state. Can there really be both selectedNode and selectedNodes?
     return (
         <div id="tr__form-transit-nodes-panel" className="tr__form-transit-nodes-panel tr__panel">
+            {!state.selectedNode && !state.selectedNodes && !state.selectedStation && !importerSelected && (
+                <h3>
+                    <img
+                        src={'/dist/images/icons/transit/node_white.svg'}
+                        className="_icon"
+                        alt={props.t('transit:transitNode:Nodes')}
+                    />{' '}
+                    {props.t('transit:transitNode:Nodes')}
+                </h3>
+            )}
             {state.selectedNodes && state.selectedNode && state.selectedNode.hasChanged() && (
                 <ConfirmModal
                     isOpen={true}