fix: study search ui label change

opentargets · Feb 10, 2025 · 746da02 · 746da02
1 parent 9808dc7
commit 746da02
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 10 deletions.
diff --git a/apps/platform/src/components/Search/SearchQuery.gql b/apps/platform/src/components/Search/SearchQuery.gql
@@ -24,6 +24,7 @@ query SearchQuery($queryString: String!) {
           nSamples
           publicationDate
           publicationFirstAuthor
+          publicationJournal
           # studyType
           credibleSets {
             credibleSetsCount: count

diff --git a/apps/platform/src/pages/SearchPage/SearchPageQuery.gql b/apps/platform/src/pages/SearchPage/SearchPageQuery.gql
@@ -26,7 +26,14 @@ query SearchPageQuery($queryString: String!, $index: Int!, $entityNames: [String
           nSamples
           publicationDate
           publicationFirstAuthor
+          publicationJournal
           studyType
+          biosample {
+            biosampleName
+          }
+          target {
+            approvedSymbol
+          }
           credibleSets {
             credibleSetsCount: count
           }

diff --git a/apps/platform/src/pages/SearchPage/StudyResult.jsx b/apps/platform/src/pages/SearchPage/StudyResult.jsx
@@ -23,24 +23,32 @@ function StudyResult({ data, highlights }) {
 
   return (
     <div className={classes.container}>
-      <Link to={`/variant/${data.id}`} className={classes.subtitle}>
+      <Link to={`/study/${data.id}`} className={classes.subtitle}>
         <FontAwesomeIcon icon={faChartBar} className={classes.icon} /> <>{data.traitFromSource}</>
       </Link>
       <Typography className={classes.subtitle} variant="subtitle1">
         {data.credibleSets.credibleSetsCount > -1 && (
           <Box sx={{ display: "flex", flexDirection: "column" }}>
             <Box sx={{ display: "flex", flexDirection: "row", gap: 1 }}>
               <div>Credible sets count: {data.credibleSets.credibleSetsCount}</div>
-              <div> • N Study: {data.nSamples}</div>
+              <div> • Sample size: {data.nSamples.toLocaleString()}</div>
             </Box>
             <Box sx={{ display: "flex", flexDirection: "row", gap: 1 }}>
               <div>
                 {" "}
-                {data.publicationFirstAuthor &&
-                  `Publication author: ${data.publicationFirstAuthor}`}
+                {data.publicationFirstAuthor && (
+                  <>
+                    {data.publicationFirstAuthor} <i>et al.</i> {data.publicationJournal} (
+                    {data.publicationDate?.slice(0, 4)})
+                  </>
+                )}
               </div>
-              <div> {data.publicationDate && ` •  Publication date: ${data.publicationDate}`}</div>
             </Box>
+            <div>
+              {data.target?.approvedSymbol && `Affected gene: ${data.target.approvedSymbol}  • `}
+              {data.biosample?.biosampleName &&
+                `Affected cell/tissue: ${data.biosample.biosampleName}`}
+            </div>
             <div>Study Type: {data.studyType}</div>
           </Box>
         )}

diff --git a/packages/ui/src/components/GlobalSearch/GlobalSearchListItem.jsx b/packages/ui/src/components/GlobalSearch/GlobalSearchListItem.jsx
@@ -215,7 +215,16 @@ function TopHitListItem({ item, onItemClick }) {
         ) : (
           <>
             <Box sx={{ fontWeight: "500", letterSpacing: 1 }}>
-              <Typography variant="subtitle1">{item.symbol && item.name}</Typography>
+              <Typography variant="subtitle1">
+                {item.symbol && item.name}
+
+                {item.publicationFirstAuthor && (
+                  <>
+                    {item.publicationFirstAuthor} <i>et al.</i> {item.publicationJournal} (
+                    {item.publicationDate?.slice(0, 4)})
+                  </>
+                )}
+              </Typography>
             </Box>
             <JustifyBetween>
               <Box sx={{ fontWeight: "light", fontStyle: "oblique" }}>
@@ -226,11 +235,11 @@ function TopHitListItem({ item, onItemClick }) {
                   {item.credibleSetsCount > -1 && (
                     <>Credible sets count: {item.credibleSetsCount}</>
                   )}
-                  {item.nSamples && <> • N Study: {item.nSamples}</>}
+                  {item.nSamples && <> • Sample size: {item.nSamples.toLocaleString()}</>}
                 </Typography>
                 <Typography variant="caption">
-                  {item.publicationFirstAuthor && <>{item.publicationFirstAuthor}</>}
-                  {item.publicationDate && <>({item.publicationDate})</>}
+                  {/* {item.publicationFirstAuthor && <>{item.publicationFirstAuthor}</>}
+                  {item.publicationDate && <>({item.publicationDate})</>} */}
                 </Typography>
               </Box>
               {item.hasSumstats && (
@@ -350,7 +359,7 @@ function GlobalSearchListItem({ item, isTopHit = false, onItemClick }) {
       <JustifyBetween>
         <Typography variant="caption">
           {item.credibleSetsCount > -1 && <>Credible sets count: {item.credibleSetsCount}</>}
-          {item.nSamples && <> • N Study: {item.nSamples}</>}
+          {item.nSamples && <> • Sample size: {item.nSamples.toLocaleString()}</>}
           {getVariantRsIds()}
         </Typography>