From e1b903a36ccbbf245c6c950b4b5feaa9c5a09232 Mon Sep 17 00:00:00 2001
From: Aneesh Relan <aneesh.relan@gmail.com>
Date: Wed, 12 Oct 2022 18:10:37 +0530
Subject: [PATCH] feat: add event log to project (#2136)

---
 .../src/component/project/Project/Project.tsx |  7 ++++++
 .../project/Project/ProjectLog/ProjectLog.tsx | 23 +++++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 frontend/src/component/project/Project/ProjectLog/ProjectLog.tsx

diff --git a/frontend/src/component/project/Project/Project.tsx b/frontend/src/component/project/Project/Project.tsx
index 14fb794a55..b99fe60674 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 = () => {
                 <Route path="access/*" element={<ProjectAccess />} />
                 <Route path="environments" element={<ProjectEnvironment />} />
                 <Route path="archive" element={<ProjectFeaturesArchive />} />
+                <Route path="logs" element={<ProjectLog />} />
                 <Route path="*" element={<ProjectOverview />} />
             </Routes>
         </div>
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 0000000000..706d59792b
--- /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 (
+        <StyledDiv>
+            <EventLog
+                title="Event Log"
+                project={projectId}
+                displayInline
+            ></EventLog>
+        </StyledDiv>
+    );
+};