diff --git a/src/components/DataSubmissions/MetadataUpload.test.tsx b/src/components/DataSubmissions/MetadataUpload.test.tsx index c249fd4b..138183f2 100644 --- a/src/components/DataSubmissions/MetadataUpload.test.tsx +++ b/src/components/DataSubmissions/MetadataUpload.test.tsx @@ -4,7 +4,7 @@ import { MockedProvider, MockedResponse } from "@apollo/client/testing"; import { axe } from "jest-axe"; import userEvent from "@testing-library/user-event"; import { Context, ContextState, Status as AuthStatus } from "../Contexts/AuthContext"; -import { MetadataUpload } from "./MetadataUpload"; +import MetadataUpload from "./MetadataUpload"; import { CREATE_BATCH, CreateBatchResp, UPDATE_BATCH } from "../../graphql"; // NOTE: We omit any properties that are explicitly used within component logic diff --git a/src/components/DataSubmissions/MetadataUpload.tsx b/src/components/DataSubmissions/MetadataUpload.tsx index 6fd5ab5b..9ff718b0 100644 --- a/src/components/DataSubmissions/MetadataUpload.tsx +++ b/src/components/DataSubmissions/MetadataUpload.tsx @@ -95,7 +95,7 @@ type Props = { * @param {Props} props * @returns {React.FC} */ -export const MetadataUpload = ({ submission, readOnly, onCreateBatch, onUpload }: Props) => { +const MetadataUpload = ({ submission, readOnly, onCreateBatch, onUpload }: Props) => { const { submissionId } = useParams(); const { user } = useAuthContext(); diff --git a/src/content/dataSubmissions/DataSubmission.tsx b/src/content/dataSubmissions/DataSubmission.tsx index df678911..b6f34096 100644 --- a/src/content/dataSubmissions/DataSubmission.tsx +++ b/src/content/dataSubmissions/DataSubmission.tsx @@ -19,7 +19,7 @@ import { useSnackbar, VariantType } from "notistack"; import bannerPng from "../../assets/dataSubmissions/dashboard_banner.png"; import summaryBannerSvg from "../../assets/dataSubmissions/summary_banner.png"; import LinkTab from "../../components/DataSubmissions/LinkTab"; -import { MetadataUpload } from "../../components/DataSubmissions/MetadataUpload"; +import MetadataUpload from "../../components/DataSubmissions/MetadataUpload"; import { GET_SUBMISSION, LIST_BATCHES, diff --git a/src/content/dataSubmissions/SubmittedData.tsx b/src/content/dataSubmissions/SubmittedData.tsx index ddbbaf6a..be61ffb7 100644 --- a/src/content/dataSubmissions/SubmittedData.tsx +++ b/src/content/dataSubmissions/SubmittedData.tsx @@ -1,4 +1,4 @@ -import { FC, useMemo, useRef, useState } from "react"; +import React, { FC, useMemo, useRef, useState } from "react"; import { useLazyQuery } from "@apollo/client"; import { isEqual } from "lodash"; import { useSnackbar } from "notistack"; @@ -161,4 +161,6 @@ const SubmittedData: FC = ({ submissionId, submissionName }) => { ); }; -export default SubmittedData; +export default React.memo(SubmittedData, (prevProps, nextProps) => + isEqual(prevProps, nextProps) +);