refactor(web/ui): Fix compatibility with new API

This change updates the web interface in React to be compatible with the
new API written in Kotlin. Several changes have been made in the new API
to ensure consistency.

1 files changed, 4 insertions, 7 deletions

diff --git a/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js b/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js
index a7290259..6921578c 100644
--- a/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js
+++ b/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js
@@ -5,26 +5,23 @@ import { Project, Status } from '../../shapes'
 import { Table, TableBody, TableHeader } from '@patternfly/react-table'
 import { parseAndFormatDateTime } from '../../util/date-time'
 import { AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP } from '../../util/authorizations'
-import { useAuth } from '../../auth'
 import TableEmptyState from '../util/TableEmptyState'
 
 const ProjectTable = ({ status, projects, onDelete, isFiltering }) => {
-    const { user } = useAuth()
     const columns = ['Project name', 'Last edited', 'Access Rights']
     const rows =
         projects.length > 0
             ? projects.map((project) => {
-                  const { level } = project.authorizations.find((auth) => auth.userId === user.sub)
-                  const Icon = AUTH_ICON_MAP[level]
+                  const Icon = AUTH_ICON_MAP[project.role]
                   return [
                       {
-                          title: <Link href={`/projects/${project._id}`}>{project.name}</Link>,
+                          title: <Link href={`/projects/${project.id}`}>{project.name}</Link>,
                       },
-                      parseAndFormatDateTime(project.datetimeLastEdited),
+                      parseAndFormatDateTime(project.updatedAt),
                       {
                           title: (
                               <>
-                                  <Icon className="pf-u-mr-md" key="auth" /> {AUTH_DESCRIPTION_MAP[level]}
+                                  <Icon className="pf-u-mr-md" key="auth" /> {AUTH_DESCRIPTION_MAP[project.role]}
                               </>
                           ),
                       },