Add mutation list sorting options and review filter (oncokb#344)

add reviewed filter to mutation list

src/main/webapp/app/config/sentry-error.ts

@@ -1,15 +1,18 @@
 import * as Sentry from '@sentry/react';
 
+export function notifySentryException(errorMessage, data: Record<string, unknown>) {
+  return Sentry.captureException(errorMessage, scope => {
+    scope.setExtra('functionArgs', JSON.stringify(data));
+    return scope;
+  });
+}
 export class SentryError extends Error {
   public sentryId: string;
   constructor(errMessage: string, data: any) {
     super(errMessage);
 
     this.name = 'SentryError';
 
-    this.sentryId = Sentry.captureException(errMessage, scope => {
-      scope.setExtra('functionArgs', JSON.stringify(data));
-      return scope;
-    });
+    this.sentryId = notifySentryException(errMessage, data);
   }
 }

src/main/webapp/app/pages/curation/CurationPage.tsx

@@ -3,7 +3,6 @@ import { connect } from 'app/shared/util/typed-inject';
 import { IRootStore } from 'app/stores';
 import { RouteComponentProps, useLocation } from 'react-router-dom';
 import { getFirebaseGenePath, getFirebaseHistoryPath, getFirebaseMetaGenePath } from 'app/shared/util/firebase/firebase-utils';
-import { HistoryRecord } from 'app/shared/model/firebase/firebase.model';
 import { Col, Row } from 'reactstrap';
 import { getSectionClassName } from 'app/shared/util/utils';
 import { GENE_TYPE, GENE_TYPE_KEY, INHERITANCE_MECHANISM_OPTIONS, READABLE_FIELD, PENETRANCE_OPTIONS } from 'app/config/constants/firebase';
@@ -52,7 +51,8 @@ export const CurationPage = (props: ICurationPageProps) => {
   const firebaseHistoryPath = getFirebaseHistoryPath(isGermline, hugoSymbol);
   const mutationsPath = `${firebaseGenePath}/mutations`;
   const genomicIndicatorsPath = `${firebaseGenePath}/genomic_indicators`;
-  const firebaseMetaCurrentReviewerPath = `${getFirebaseMetaGenePath(isGermline, hugoSymbol)}/review/currentReviewer`;
+  const firebaseMetaGeneReviewPath = `${getFirebaseMetaGenePath(isGermline, hugoSymbol)}/review`;
+  const firebaseMetaCurrentReviewerPath = `${firebaseMetaGeneReviewPath}/currentReviewer`;
 
   useEffect(() => {
     props.searchGeneEntities({ query: hugoSymbolParam, exact: true });
@@ -234,6 +234,7 @@ export const CurationPage = (props: ICurationPageProps) => {
           <div ref={mutationsSectionRef}>
             <MutationsSection
               mutationsPath={mutationsPath}
+              metaGeneReviewPath={firebaseMetaGeneReviewPath}
               hugoSymbol={hugoSymbol}
               isGermline={isGermline}
               parsedHistoryList={tooltipHistoryList}

src/main/webapp/app/pages/curation/collapsible/MutationCollapsible.tsx

@@ -23,7 +23,6 @@ import { Alteration, Review } from 'app/shared/model/firebase/firebase.model';
 import DefaultTooltip from 'app/shared/tooltip/DefaultTooltip';
 import { FlattenedHistory } from 'app/shared/util/firebase/firebase-history-utils';
 import {
-  findNestedUuids,
   getFirebaseGenePath,
   getFirebaseVusPath,
   getMutationName,
@@ -36,11 +35,12 @@ import { IRootStore } from 'app/stores';
 import { get, onValue, ref } from 'firebase/database';
 import _ from 'lodash';
 import { observer } from 'mobx-react';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Button } from 'reactstrap';
 import BadgeGroup from '../BadgeGroup';
 import { DeleteSectionButton } from '../button/DeleteSectionButton';
 import FirebaseList from '../list/FirebaseList';
+import MutationLastModified from '../mutation/mutation-last-modified';
 import MutationLevelSummary from '../nestLevelSummary/MutationLevelSummary';
 import * as styles from '../styles.module.scss';
 import CancerTypeCollapsible from './CancerTypeCollapsible';
@@ -56,6 +56,7 @@ export interface IMutationCollapsibleProps extends StoreProps {
   disableOpen?: boolean;
   onToggle?: () => void;
   parsedHistoryList: Map<string, FlattenedHistory[]>;
+  showLastModified?: boolean;
 }
 
 const MutationCollapsible = ({
@@ -73,6 +74,7 @@ const MutationCollapsible = ({
   modifyCancerTypeModalStore,
   annotatedAltsCache,
   genomicIndicators,
+  showLastModified,
 }: IMutationCollapsibleProps) => {
   const firebaseMutationsPath = `${getFirebaseGenePath(isGermline, hugoSymbol)}/mutations`;
 
@@ -171,6 +173,20 @@ const MutationCollapsible = ({
     return () => callbacks.forEach(callback => callback?.());
   }, [mutationPath, firebaseDb]);
 
+  const cancerTypeCollapsibleBuilder = useCallback(
+    index => {
+      return (
+        <CancerTypeCollapsible
+          allCancerTypesPath={`${mutationPath}/tumors`}
+          cancerTypePath={`${mutationPath}/tumors/${index}`}
+          mutationName={mutationName}
+          parsedHistoryList={parsedHistoryList}
+        />
+      );
+    },
+    [mutationPath, mutationName, parsedHistoryList],
+  );
+
   async function handleDeleteMutation(toVus = false) {
     const snapshot = await get(ref(firebaseDb, mutationPath));
     await deleteSection(`${mutationPath}/name`, snapshot.val(), mutationNameReview, mutationUuid, toVus);
@@ -202,6 +218,9 @@ const MutationCollapsible = ({
         onToggle={() => !isMutationPendingDelete && onToggle()}
         info={
           <>
+            {showLastModified && (
+              <MutationLastModified className="me-2" mutationUuid={mutationUuid} hugoSymbol={hugoSymbol} isGermline={isGermline} />
+            )}
             <MutationLevelSummary mutationPath={mutationPath} hideOncogenicity={isStringMutation} />
             {hotspots.length > 0 && <HotspotIcon associatedHotspots={hotspots} />}
             {exonRanges.length > 0 && (
@@ -466,20 +485,7 @@ const MutationCollapsible = ({
             </Collapsible>
           </>
         )}
-        <FirebaseList
-          path={`${mutationPath}/tumors`}
-          pushDirection="back"
-          itemBuilder={index => {
-            return (
-              <CancerTypeCollapsible
-                allCancerTypesPath={`${mutationPath}/tumors`}
-                cancerTypePath={`${mutationPath}/tumors/${index}`}
-                mutationName={mutationName}
-                parsedHistoryList={parsedHistoryList}
-              />
-            );
-          }}
-        />
+        <FirebaseList path={`${mutationPath}/tumors`} pushDirection="back" itemBuilder={cancerTypeCollapsibleBuilder} />
         <Button
           className={'mt-2 mb-1'}
           outline