Fixed #103

databio · Dec 2, 2024 · f7b3675 · f7b3675
1 parent 876ce2d
commit f7b3675
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 2 deletions.
diff --git a/ui/src/components/search/bed2bed/b2b-search-results-table.tsx b/ui/src/components/search/bed2bed/b2b-search-results-table.tsx
@@ -28,6 +28,25 @@ type Props = {
 
 const columnHelper = createColumnHelper<Bed>();
 
+const scoreTooltip = (
+  <OverlayTrigger
+    placement="left"
+    overlay={
+      <Tooltip id={`tooltip-info}`} className="moreinfo-tooltip">
+          <pre className="text-start">
+            Cosine similarity between files.
+            Score is between 0 an 100, where 100 is a perfect match.
+          </pre>
+      </Tooltip>
+    }
+  >
+      <span>
+        Score*
+      </span>
+
+  </OverlayTrigger>
+)
+
 export const Bed2BedSearchResultsTable = (props: Props) => {
   const { beds } = props;
   const { cart, addBedToCart, removeBedFromCart } = useBedCart();
@@ -118,7 +137,7 @@ export const Bed2BedSearchResultsTable = (props: Props) => {
         </span>
       ),
       footer: (info) => info.column.id,
-      header: 'Score',
+      header: scoreTooltip,
       id: 'score',
     }),
     columnHelper.accessor('metadata.id', {

diff --git a/ui/src/components/search/text2bed/t2b-search-results-table.tsx b/ui/src/components/search/text2bed/t2b-search-results-table.tsx
@@ -62,7 +62,25 @@ export const Text2BedSearchResultsTable = (props: Props) => {
           <th scope="col">Description</th>
           <th scope="col">Assay</th>
           <th scope="col">Info</th>
-          <th scope="col">Score</th>
+          <th scope="col">
+            <OverlayTrigger
+              placement="left"
+              overlay={
+                <Tooltip id={`tooltip-info}`} className="moreinfo-tooltip">
+                    <pre className="text-start">
+                      Cosine similarity between search term and bedfile
+                      Score is between 0 an 100, where 100 is a perfect match.
+                    </pre>
+                </Tooltip>
+              }
+            >
+                <span>
+                  Score*
+                </span>
+
+            </OverlayTrigger>
+
+          </th>
           <th scope="col" style={{ minWidth: '110px' }}>
             Actions
           </th>