2023-09-06 15:14:50 +00:00
|
|
|
import { useLoaderData, useParams } from "react-router-dom";
|
|
|
|
import Table from "../Components/Table";
|
|
|
|
import PageHeader from "../Components/PageHeader";
|
|
|
|
export default function Story(){
|
|
|
|
const { storyId } = useParams()
|
|
|
|
const { stories } = useLoaderData()
|
2023-09-06 20:49:09 +00:00
|
|
|
const storyData = stories.find(row=>row.id==storyId)
|
2023-09-06 15:14:50 +00:00
|
|
|
return(
|
|
|
|
<>
|
|
|
|
<PageHeader text={'Story#'+storyId}/>
|
|
|
|
{JSON.stringify(storyData)}
|
2023-09-06 20:49:09 +00:00
|
|
|
<Table data={storyData.submissions}></Table>
|
2023-09-06 15:14:50 +00:00
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|