fix(*): propTypes and html in front page

app/components/AdminPage.js

@@ -69,7 +69,7 @@ const PrivateRoute = ({ component: Component, ...rest }) => (
 )
 
 PrivateRoute.propTypes = {
-  component: PropTypes.node.isRequired,
+  component: PropTypes.func.isRequired,
 }
 
 const updateStuff = data => {

app/components/component-frontpage/src/Frontpage.js

@@ -76,18 +76,18 @@ const Frontpage = ({ history, ...props }) => {
             </SectionHeader>
             <SectionRow key={`manuscript-${manuscript.id}`}>
               {manuscript.submission?.abstract ? (
-                <p>Abstract: {manuscript.submission?.abstract}</p>
+                <h1>Abstract: {manuscript.submission?.abstract}</h1>
               ) : (
                 <br />
               )}
               {manuscript.visualAbstract ? (
-                <p>
-                  Visual abstract:{' '}
+                <div>
+                  <h1>Visual abstract</h1>
                   <VisualAbstract
                     alt="Visual abstract"
                     src={manuscript.visualAbstract}
                   />
-                </p>
+                </div>
               ) : (
                 <br />
               )}
@@ -98,25 +98,25 @@ const Frontpage = ({ history, ...props }) => {
                     file =>
                       skipXSweet(file) &&
                       file.fileType !== 'visualAbstract' && (
-                        <p>
-                          <a
-                            href={file.url}
-                            rel="noopener noreferrer"
-                            target="_blank"
-                          >
-                            {file.filename}
-                          </a>
-                        </p>
+                        <a
+                          href={file.url}
+                          key={`manuscript-${manuscript.id}`}
+                          rel="noopener noreferrer"
+                          target="_blank"
+                        >
+                          {file.filename}
+                        </a>
                       ),
                   )}
                   {manuscript.files.map(
                     file =>
                       !skipXSweet(file) && (
-                        <p>
-                          <Accordion label="View Manuscript Text">
-                            <Wax content={manuscript.meta.source} readonly />
-                          </Accordion>
-                        </p>
+                        <Accordion
+                          key={`manuscript-${manuscript.id}`}
+                          label="View Manuscript Text"
+                        >
+                          <Wax content={manuscript.meta.source} readonly />
+                        </Accordion>
                       ),
                   )}
                 </div>
@@ -126,17 +126,16 @@ const Frontpage = ({ history, ...props }) => {
 
               {manuscript.submission?.links ? (
                 <div>
-                  Submitted research objects:
+                  <h1>Submitted research objects</h1>
                   {manuscript.submission?.links?.map(link => (
-                    <p key={`manuscript-${manuscript.id}`}>
-                      <a
-                        href={link.url}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                      >
-                        {link.url}
-                      </a>
-                    </p>
+                    <a
+                      href={link.url}
+                      key={`manuscript-${manuscript.id}`}
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      {link.url}
+                    </a>
                   ))}
                 </div>
               ) : (
@@ -153,7 +152,7 @@ const Frontpage = ({ history, ...props }) => {
 }
 
 Frontpage.propTypes = {
-  history: PropTypes.node.isRequired,
+  history: PropTypes.oneOfType([PropTypes.object]).isRequired,
 }
 
 export default Frontpage

app/components/xpub-journal/src/index.js

@@ -8,8 +8,8 @@ const JournalProvider = ({ journal, children }) => (
 )
 
 JournalProvider.propTypes = {
-  journal: PropTypes.node.isRequired,
-  children: PropTypes.node.isRequired,
+  journal: PropTypes.oneOfType([PropTypes.object]).isRequired,
+  children: PropTypes.oneOfType([PropTypes.object]).isRequired,
 }
 
 export { JournalContext, JournalProvider }