feat: Add click handler to feature rectangles with feature details alert

theosanderson · Dec 12, 2024 · e05a8d5 · e05a8d5
1 parent 2156a19
commit e05a8d5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/gensplore-component/src/components/SingleRow.jsx b/gensplore-component/src/components/SingleRow.jsx
@@ -321,6 +321,11 @@ const SingleRow = ({
             width={(block.end - block.start) * sep + extraFeat * 2}
             height={10}
             fill={getColor(feature, product)}
+            onClick={() => {
+              alert(`Feature: ${feature.name}\nType: ${feature.type}${product ? '\nProduct: ' + product : ''}${
+                feature.notes && feature.notes.locus_tag ? '\nLocus Tag: ' + feature.notes.locus_tag : ''
+              }`);
+            }}
             onMouseEnter={() => {
               if (zoomLevel < codonZoomThreshold)
                 setHoveredInfo({
@@ -335,6 +340,7 @@ const SingleRow = ({
             onMouseLeave={() => {
               if (zoomLevel < codonZoomThreshold) setHoveredInfo(null);
             }}
+            style={{cursor: 'pointer'}}
           />
         ))}