From 7199e2c15838d78fedd3c6127beddf1656dbeae2 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 15 Sep 2022 15:38:06 +0200
Subject: feat(web/ui): Redesign projects page

This change updates the design of the projects page to use a gallery
overview.
---
 .../src/components/projects/ProjectTable.js        | 73 ----------------------
 1 file changed, 73 deletions(-)
 delete mode 100644 opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js

(limited to 'opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js')

diff --git a/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js b/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js
deleted file mode 100644
index 6921578c..00000000
--- a/opendc-web/opendc-web-ui/src/components/projects/ProjectTable.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-import Link from 'next/link'
-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 TableEmptyState from '../util/TableEmptyState'
-
-const ProjectTable = ({ status, projects, onDelete, isFiltering }) => {
-    const columns = ['Project name', 'Last edited', 'Access Rights']
-    const rows =
-        projects.length > 0
-            ? projects.map((project) => {
-                  const Icon = AUTH_ICON_MAP[project.role]
-                  return [
-                      {
-                          title: <Link href={`/projects/${project.id}`}>{project.name}</Link>,
-                      },
-                      parseAndFormatDateTime(project.updatedAt),
-                      {
-                          title: (
-                              <>
-                                  <Icon className="pf-u-mr-md" key="auth" /> {AUTH_DESCRIPTION_MAP[project.role]}
-                              </>
-                          ),
-                      },
-                  ]
-              })
-            : [
-                  {
-                      heightAuto: true,
-                      cells: [
-                          {
-                              props: { colSpan: 3 },
-                              title: (
-                                  <TableEmptyState
-                                      status={status}
-                                      loadingTitle="Loading Projects"
-                                      isFiltering={isFiltering}
-                                  />
-                              ),
-                          },
-                      ],
-                  },
-              ]
-
-    const actions =
-        projects.length > 0
-            ? [
-                  {
-                      title: 'Delete Project',
-                      onClick: (_, rowId) => onDelete(projects[rowId]),
-                  },
-              ]
-            : []
-
-    return (
-        <Table aria-label="Project List" variant="compact" cells={columns} rows={rows} actions={actions}>
-            <TableHeader />
-            <TableBody />
-        </Table>
-    )
-}
-
-ProjectTable.propTypes = {
-    status: Status.isRequired,
-    isFiltering: PropTypes.bool,
-    projects: PropTypes.arrayOf(Project).isRequired,
-    onDelete: PropTypes.func,
-}
-
-export default ProjectTable
-- 
cgit v1.2.3