- {toolbox.map((drawTool: DrawTool, index: number) => {
- return (
-
handleToolSelect(drawTool)
- })}
- className={`${styles.toolItem} ${selectedTool?.identifier === drawTool.identifier ? styles.selected : ''} ${!drawTool.active ? styles.comingSoon : ''}
+ {DEFAULT_TOOLBOX.filter((drawTool) => !drawTool.isHidden).map(
+ (drawTool: DrawTool, index: number) => {
+ return (
+
handleToolSelect(drawTool)
+ })}
+ className={`${styles.toolItem} ${selectedTool?.identifier === drawTool.identifier ? styles.selected : ''} ${drawTool.isComingSoon ? styles.comingSoon : ''}
`}
- >
-
- {drawTool.label}
- {drawTool.active ? (
-
- ) : (
-
- Coming soon
-
- )}
-
- )
- })}
+ >
+
+ {drawTool.label}
+ {!drawTool.isComingSoon ? (
+
+ ) : (
+
+ Coming soon
+
+ )}
+