Merge pull request #201 from biomage-org/2423-add-tooltip-sctype

[2423] Add tooltip to scType

src/components/data-exploration/cell-sets-tool/AnnotateClustersTool.jsx

@@ -4,7 +4,7 @@ import _ from 'lodash';
 
 import {
   Button,
-  Radio, Select, Space,
+  Radio, Select, Space, Tooltip,
 } from 'antd';
 import { runCellSetsAnnotation } from 'redux/actions/cellSets';
 import { useDispatch } from 'react-redux';
@@ -32,6 +32,33 @@ const speciesOptions = [
   'mouse',
 ];
 
+const scTypeTooltipText = (
+  <>
+    Automatic annotation is performed using ScType, a marker gene-based tool
+    developed by Aleksandr Ianevski et al.
+    It uses a marker genes database which was build using
+    {' '}
+    <a target='_blank' href='http://biocc.hrbmu.edu.cn/CellMarker/' rel='noreferrer'>CellMarker</a>
+    ,
+    {' '}
+    <a target='_blank' href='https://panglaodb.se/' rel='noreferrer'>PanglaoDB</a>
+    ,
+    and 15 novel cell types with corresponding marker genes added by
+    manual curation of more than 10 papers.
+    The current version of the ScType database contains a total of
+    3,980 cell markers for 194 cell types in 17 human tissues and 4,212 cell markers
+    for 194 cell types in 17 mouse tissues.
+    More details can be found in
+    {' '}
+    <a target='_blank' href='https://www.nature.com/articles/s41467-022-28803-w' rel='noreferrer'>the ScType paper</a>
+    {' '}
+    and in
+    {' '}
+    <a target='_blank' href='https://github.com/IanevskiAleksandr/sc-type' rel='noreferrer'>the ScType github repo</a>
+    .
+  </>
+);
+
 const AnnotateClustersTool = ({ experimentId, onRunAnnotation }) => {
   const dispatch = useDispatch();
 
@@ -41,7 +68,9 @@ const AnnotateClustersTool = ({ experimentId, onRunAnnotation }) => {
   return (
     <Space direction='vertical'>
       <Radio.Group>
-        <Radio>ScType</Radio>
+        <Tooltip title={scTypeTooltipText}>
+          <Radio>ScType</Radio>
+        </Tooltip>
       </Radio.Group>
 
       <Space direction='vertical' style={{ width: '100%' }}>