+
+ {Object.keys(dataFilter[SBSectionName])
+ .sort((a, b) =>
+ sensitiveSort(
+ dataFilter[SBSectionName][a].display_name,
+ dataFilter[SBSectionName][b].display_name,
+ ),
+ )
+ .map((SBItemName: string, index) => (
+
+
+ onDragStart(event, {
+ //split type to remove type in nodes saved with same name removing it's
+ type: removeCountFromString(SBItemName),
+ node: dataFilter[SBSectionName][
+ SBItemName
+ ],
+ })
+ }
+ color={nodeColors[SBSectionName]}
+ itemName={SBItemName}
+ //convert error to boolean
+ error={
+ !!dataFilter[SBSectionName][SBItemName]
+ .error
+ }
+ display_name={
+ dataFilter[SBSectionName][SBItemName]
+ .display_name
+ }
+ official={
+ dataFilter[SBSectionName][SBItemName]
+ .official === false
+ ? false
+ : true
+ }
+ />
+
+ ))}
+
+
+ {index ===
+ Object.keys(dataFilter).length -
+ PRIORITY_SIDEBAR_ORDER.length +
+ 1 && (
+ <>
+