diff --git a/frontend/src/component/project/Project/Project.tsx b/frontend/src/component/project/Project/Project.tsx index 14fb794a557..b99fe606743 100644 --- a/frontend/src/component/project/Project/Project.tsx +++ b/frontend/src/component/project/Project/Project.tsx @@ -23,6 +23,7 @@ import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import { Routes, Route, useLocation } from 'react-router-dom'; import { DeleteProjectDialogue } from './DeleteProject/DeleteProjectDialogue'; +import { ProjectLog } from './ProjectLog/ProjectLog'; const StyledDiv = styled('div')(() => ({ display: 'flex', @@ -84,6 +85,11 @@ const Project = () => { path: `${basePath}/archive`, name: 'archive', }, + { + title: 'Event log', + path: `${basePath}/logs`, + name: 'logs', + }, ]; const activeTab = [...tabs] @@ -211,6 +217,7 @@ const Project = () => { } /> } /> } /> + } /> } /> diff --git a/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx b/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx new file mode 100644 index 00000000000..706d59792b8 --- /dev/null +++ b/frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx @@ -0,0 +1,23 @@ +import { EventLog } from 'component/events/EventLog/EventLog'; +import { useRequiredPathParam } from 'hooks/useRequiredPathParam'; +import { styled } from '@mui/material'; + +const StyledDiv = styled('div')(({ theme }) => ({ + borderRadius: '12.5px', + backgroundColor: theme.palette.background.paper, + padding: '2rem', +})); + +export const ProjectLog = () => { + const projectId = useRequiredPathParam('projectId'); + + return ( + + + + ); +};