John conroy/publication sidebar (#3061)

* Fix section id in contributors table * Fix section id in publication data * Add sidebar to publication * Add changelog --------- Co-authored-by: John Conroy <[email protected]>
hubmapconsortium · Mar 26, 2023 · 99a05e8 · 99a05e8
1 parent 43fccc2
commit 99a05e8
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/CHANGELOG-publication-sidebar.md b/CHANGELOG-publication-sidebar.md
@@ -0,0 +1 @@
+- Add table of contents sidebar to publication page.
diff --git a/context/app/static/js/components/detailPage/ContributorsTable/ContributorsTable.jsx b/context/app/static/js/components/detailPage/ContributorsTable/ContributorsTable.jsx
@@ -21,7 +21,7 @@ function ContributorsTable({ title, contributors }) {
   ];
 
   return (
-    <DetailPageSection id={title}>
+    <DetailPageSection id={title.toLowerCase()}>
       <SectionHeader>{title}</SectionHeader>
       <Paper>
         <StyledTableContainer>

diff --git a/...atic/js/components/publications/PublicationRelatedEntities/PublicationRelatedEntities.jsx b/...atic/js/components/publications/PublicationRelatedEntities/PublicationRelatedEntities.jsx
@@ -13,7 +13,7 @@ function PublicationRelatedEntities({ uuid }) {
   return (
     <RelatedEntitiesSectionWrapper
       isLoading={isLoading}
-      sectionId="publication-entities"
+      sectionId="data"
       headerComponent={
         <RelatedEntitiesSectionHeader
           header="Data"

diff --git a/context/app/static/js/pages/Publication/Publication.jsx b/context/app/static/js/pages/Publication/Publication.jsx
@@ -3,10 +3,11 @@ import React from 'react';
 import Summary from 'js/components/detailPage/summary/Summary';
 import SummaryItem from 'js/components/detailPage/summary/SummaryItem';
 import OutboundIconLink from 'js/shared-styles/Links/iconLinks/OutboundIconLink';
-import { getCombinedDatasetStatus } from 'js/components/detailPage/utils';
+import { getCombinedDatasetStatus, getSectionOrder } from 'js/components/detailPage/utils';
 import ContributorsTable from 'js/components/detailPage/ContributorsTable/ContributorsTable';
 import PublicationsDataSection from 'js/components/publications/PublicationsDataSection';
 import ProvSection from 'js/components/detailPage/provenance/ProvSection';
+import DetailLayout from 'js/components/detailPage/DetailLayout';
 
 function Publication({ publication }) {
   const {
@@ -27,12 +28,14 @@ function Publication({ publication }) {
     ancestor_ids,
   } = publication;
 
+  const sectionOrder = getSectionOrder(['summary', 'data', 'authors', 'provenance'], {});
+
   const combinedStatus = getCombinedDatasetStatus({ sub_status, status });
 
   const hasDOI = doi_url !== undefined;
 
   return (
-    <>
+    <DetailLayout sectionOrder={sectionOrder}>
       <Summary
         title={title}
         uuid={uuid}
@@ -52,7 +55,7 @@ function Publication({ publication }) {
       <PublicationsDataSection uuid={uuid} datasetUUIDs={ancestor_ids} />
       <ContributorsTable contributors={contributors} title="Authors" />
       <ProvSection uuid={uuid} assayMetadata={publication} />
-    </>
+    </DetailLayout>
   );
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		- Add table of contents sidebar to publication page.