diff --git a/react-components/src/components/Architecture/FilterButton.tsx b/react-components/src/components/Architecture/FilterButton.tsx
index c75f8f67619..ac1b7f8b7ae 100644
--- a/react-components/src/components/Architecture/FilterButton.tsx
+++ b/react-components/src/components/Architecture/FilterButton.tsx
@@ -101,40 +101,40 @@ export const FilterButton = ({
return <>>;
}
return (
- }
- disabled={usedInSettings || label === undefined}
- appendTo={document.body}
- placement={placement}>
-
-
+
+ }>
+ }
+ disabled={usedInSettings || label === undefined}
+ appendTo={document.body}
+ placement={placement}>
-
-
+
+
);
};
diff --git a/react-components/src/components/Architecture/OptionButton.tsx b/react-components/src/components/Architecture/OptionButton.tsx
index 73e80498702..857754020a8 100644
--- a/react-components/src/components/Architecture/OptionButton.tsx
+++ b/react-components/src/components/Architecture/OptionButton.tsx
@@ -89,30 +89,30 @@ export const OptionButton = ({
const selectedLabel = command.selectedChild?.getLabel(t);
return (
- }
- disabled={usedInSettings || label === undefined}
- appendTo={document.body}
- placement={placement}>
-
-
- {children.map((child, _index): ReactElement => {
- return createMenuItem(child, t, postAction);
- })}
-
-
- }>
+
+
+ {children.map((child, _index): ReactElement => {
+ return createMenuItem(child, t, postAction);
+ })}
+
+
+ }>
+ }
+ disabled={usedInSettings || label === undefined}
+ appendTo={document.body}
+ placement={placement}>
-
-
+
+
);
};
diff --git a/react-components/src/components/Architecture/SettingsButton.tsx b/react-components/src/components/Architecture/SettingsButton.tsx
index b9a35d13e11..a0d7316f40c 100644
--- a/react-components/src/components/Architecture/SettingsButton.tsx
+++ b/react-components/src/components/Architecture/SettingsButton.tsx
@@ -101,29 +101,29 @@ export const SettingsButton = ({
const children = command.children;
return (
- }
- disabled={label === undefined}
- appendTo={document.body}
- placement={placement}>
-
-
- {children.map((child, _index): ReactElement | undefined => {
- return createMenuItem(child, t);
- })}
-
-
- }>
+
+
+ {children.map((child, _index): ReactElement | undefined => {
+ return createMenuItem(child, t);
+ })}
+
+
+ }>
+ }
+ disabled={label === undefined}
+ appendTo={document.body}
+ placement={placement}>
-
+
+
);
};
diff --git a/react-components/src/components/RevealToolbar/HelpButton.tsx b/react-components/src/components/RevealToolbar/HelpButton.tsx
index ff5b812893f..6cc1378c8a1 100644
--- a/react-components/src/components/RevealToolbar/HelpButton.tsx
+++ b/react-components/src/components/RevealToolbar/HelpButton.tsx
@@ -20,20 +20,20 @@ export const HelpButton = ({ fallbackLanguage }: HelpButtonProps): ReactElement
const [helpActive, setHelpActive] = useState(false);
return (
-
- {
- setHelpActive(false);
- }}
- content={
-
-
-
-
-
- }
- placement="right">
+ {
+ setHelpActive(false);
+ }}
+ content={
+
+
+
+
+
+ }
+ placement="right">
+
-
+
+
);
};
diff --git a/react-components/src/components/RevealToolbar/LayersButton.tsx b/react-components/src/components/RevealToolbar/LayersButton.tsx
index 24f7577e519..52e097cf579 100644
--- a/react-components/src/components/RevealToolbar/LayersButton.tsx
+++ b/react-components/src/components/RevealToolbar/LayersButton.tsx
@@ -40,16 +40,16 @@ export const LayersButton = ({
);
return (
-
- }
- placement="right-start">
+ }
+ placement="right-start">
+
-
-
+
+
);
};
diff --git a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
index d66060031a5..0bd67694b99 100644
--- a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
+++ b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
@@ -123,51 +123,51 @@ export const RuleBasedOutputsButton = ({
return (
<>
-
-
- {t('RULESET_SELECT_HEADER', 'Select color overlay')}
+
+ {t('RULESET_SELECT_HEADER', 'Select color overlay')}
+
+ {ruleInstances?.map((item) => (
- {ruleInstances?.map((item) => (
-
- ))}
-
- }>
+ ))}
+
+ }>
+
-
-
+
+
{ruleInstances !== undefined && ruleInstances?.length > 0 && (
-
- {orientation === 'none' && (
- {t('SCENE_SELECT_HEADER', 'Select 3D location')}
- )}
-
-
- }>
+
+ {orientation === 'none' && (
+ {t('SCENE_SELECT_HEADER', 'Select 3D location')}
+ )}
+
+
+ }>
+
-
-
+
+
);
};
diff --git a/react-components/src/components/RevealToolbar/SetFlexibleControlsType.tsx b/react-components/src/components/RevealToolbar/SetFlexibleControlsType.tsx
index eff98682371..1cf86fcf262 100644
--- a/react-components/src/components/RevealToolbar/SetFlexibleControlsType.tsx
+++ b/react-components/src/components/RevealToolbar/SetFlexibleControlsType.tsx
@@ -126,7 +126,8 @@ const ButtonsControlTypeSelector = ({
aria-label={getLabel(translateDelegate, controlType)}
onClick={() => {
setSelectedControlsType(controlType);
- }}>
+ }}
+ />
))}
diff --git a/react-components/src/components/RevealToolbar/SettingsButton.tsx b/react-components/src/components/RevealToolbar/SettingsButton.tsx
index d0b5eb05859..62742b380f3 100644
--- a/react-components/src/components/RevealToolbar/SettingsButton.tsx
+++ b/react-components/src/components/RevealToolbar/SettingsButton.tsx
@@ -23,25 +23,25 @@ export const SettingsButton = ({
const [settingsActive, setSettingsActive] = useState(false);
return (
-
- {
- setSettingsActive(false);
- }}
- content={
-
-
- {customSettingsContent ?? <>>}
-
- }
- placement="right-start">
+ {
+ setSettingsActive(false);
+ }}
+ content={
+
+
+ {customSettingsContent ?? <>>}
+
+ }
+ placement="right-start">
+
-
+
+
);
};
diff --git a/react-components/src/components/RevealToolbar/SlicerButton.tsx b/react-components/src/components/RevealToolbar/SlicerButton.tsx
index 5f7176989c1..dcd8cc732a9 100644
--- a/react-components/src/components/RevealToolbar/SlicerButton.tsx
+++ b/react-components/src/components/RevealToolbar/SlicerButton.tsx
@@ -92,26 +92,26 @@ export const SlicerButton = (): ReactElement => {
}
return (
-
- document.body}
- onClickOutside={() => {
- setSliceActive(false);
- }}
- content={
-
-
-
- }
- placement="right-end">
+ document.body}
+ onClickOutside={() => {
+ setSliceActive(false);
+ }}
+ content={
+
+
+
+ }
+ placement="right-end">
+
-
+
+
);
};