make it easier to add terminal equipment, sorting fields and enable s…

…earch (#540)
DAXGRID · Aug 5, 2024 · 9a2f42c · 9a2f42c
1 parent 27b1a00
commit 9a2f42c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/groups/RouteNetworkDiagram/AddTerminalEquipment/AddTerminalEquipment.tsx b/src/groups/RouteNetworkDiagram/AddTerminalEquipment/AddTerminalEquipment.tsx
@@ -230,7 +230,7 @@ function AddTerminalEquipment({
       specificationResponse.data.utilityNetwork.terminalEquipmentSpecifications,
       state.category,
       !!rackId,
-    );
+    ).sort((x, y) => x.text.localeCompare(y.text));
   }, [
     specificationResponse.data?.utilityNetwork.terminalEquipmentSpecifications,
     state.category,
@@ -253,7 +253,7 @@ function AddTerminalEquipment({
           (x) => x.id === state.specification,
         )?.manufacturerRefs ?? [],
       ),
-    ];
+    ].sort((x, y) => x.text.localeCompare(y.text));
   }, [state.specification, specificationResponse, t]);
 
   const accessAddresses = useMemo<SelectOption[]>(() => {
@@ -415,6 +415,7 @@ function AddTerminalEquipment({
         <div className="full-row">
           <LabelContainer text={`${t("SPECIFICATION")}:`}>
             <SelectMenu
+              enableSearch
               autoSelectFirst={true}
               options={specificationOptions}
               removePlaceHolderOnSelect