From 0c7d5f96a7ffc168c2a550851260639f501f8d31 Mon Sep 17 00:00:00 2001
From: Gabriel Bruno <gabriel.bruno@polymtl.ca>
Date: Wed, 25 Sep 2024 15:44:52 -0400
Subject: [PATCH] Add a title and icon to the Stop Nodes submenu in the right
 panel. Fix: #1068

---
 .../src/components/forms/node/TransitNodePanel.tsx     | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/transition-frontend/src/components/forms/node/TransitNodePanel.tsx b/packages/transition-frontend/src/components/forms/node/TransitNodePanel.tsx
index c7d88d77..994b1d60 100644
--- 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}