32 lines
1.2 KiB
JavaScript
32 lines
1.2 KiB
JavaScript
import { useLoaderData, useParams, Link, Form } from "react-router-dom";
|
|
import Table from "../Components/Table";
|
|
import PageHeader from "../Components/PageHeader";
|
|
import { submissionsTableOptions } from "./submissions.jsx";
|
|
|
|
const { filterList, highlights, clickables } = submissionsTableOptions
|
|
export default function Publication() {
|
|
const { publicationId } = useParams()
|
|
const { publications } = useLoaderData()
|
|
const publicationData = publications.find(row => row.id == publicationId)
|
|
return (
|
|
<> <div id="page-container">
|
|
<PageHeader super={'Publication#' + publicationId} heading={publicationData.title} url="/publication" id={publicationId} />
|
|
<div id="page-info-container">
|
|
<div>
|
|
Link:
|
|
<a href={publicationData.link}>{publicationData.link}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<Table data={publicationData.submissions}
|
|
filterList={[...filterList, 'publication']}
|
|
highlights={highlights}
|
|
clickables={clickables}
|
|
sortByDefault='date_submitted'
|
|
header='Submissions:'
|
|
></Table>
|
|
|
|
</div>
|
|
</>
|
|
)
|
|
} |