Merge pull request Ferlab-Ste-Justine#603 from Ferlab-Ste-Justine/feat/SJIP-1334

feat(querytool): SJIP-1334 always display compare button

Author: lflangis

packages/ui/Release.md

@@ -1,3 +1,6 @@
+### 10.23.1 2025-04-17
+- feat: SJIP-1334 always display compare button
+
 ### 10.23.1 2025-04-17
 - fix: SKFP-1504 manage somatic in venn diagram
 

packages/ui/package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@ferlab/ui",
-    "version": "10.23.1",
+    "version": "10.24.0",
     "description": "Core components for scientific research data portals",
     "publishConfig": {
         "access": "public"

packages/ui/package.json

@@ -81,27 +81,28 @@ const QueryTools = ({
                         >
                             {dictionary.actions?.combine || 'Combine'}
                         </Dropdown.Button>
-                        {enableCompare && handleCompare && (
-                            <Tooltip title={isCompareBtnDisabled ? dictionary.actions?.compareTooltips : undefined}>
-                                <Button
-                                    className={cx(styles.button, styles.compare)}
-                                    disabled={isCompareBtnDisabled}
-                                    icon={
-                                        <AndOrIcon
-                                            className={cx(styles.andOrIcon, {
-                                                [styles.disabled]: isCompareBtnDisabled,
-                                            })}
-                                        />
-                                    }
-                                    onClick={handleCompare}
-                                    size="small"
-                                >
-                                    {dictionary.actions?.compare || 'Compare'}
-                                </Button>
-                            </Tooltip>
-                        )}
                     </>
                 )}
+
+                {enableCompare && handleCompare && (
+                    <Tooltip title={isCompareBtnDisabled ? dictionary.actions?.compareTooltips : undefined}>
+                        <Button
+                            className={cx(styles.button, styles.compare)}
+                            disabled={isCompareBtnDisabled}
+                            icon={
+                                <AndOrIcon
+                                    className={cx(styles.andOrIcon, {
+                                        [styles.disabled]: isCompareBtnDisabled,
+                                    })}
+                                />
+                            }
+                            onClick={handleCompare}
+                            size="small"
+                        >
+                            {dictionary.actions?.compare || 'Compare'}
+                        </Button>
+                    </Tooltip>
+                )}
                 {enableShowHideLabels && !canCombine && (
                     <span className={`${styles.switch} ${styles.withLabel}`}>
                         <Switch checked={showLabels} onChange={(checked) => setShowLabels(checked)} size="small" />