From ef9628d6a59e50babb8749a5fdc421eadbe42e92 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Tue, 22 Nov 2022 15:09:42 -0500
Subject: [PATCH] use tiles for process models w/ burnettk cullerton

---
 spiffworkflow-frontend/src/index.css                 |  4 ++++
 .../src/routes/ProcessGroupShow.tsx                  | 12 ++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index 58e23277..8d389ad0 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -252,3 +252,7 @@ in on this with the react-jsonschema-form repo. This is just a patch fix to allo
 .cds--tabs .cds--tabs__nav-link {
   max-width: 20rem;
 }
+
+.clear-left {
+  clear: left;
+}
diff --git a/spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx b/spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx
index 1656d25c..cdc28be8 100644
--- a/spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx
+++ b/spiffworkflow-frontend/src/routes/ProcessGroupShow.tsx
@@ -31,7 +31,7 @@ import { useUriListForPermissions } from '../hooks/UriListForPermissions';
 import { usePermissionFetcher } from '../hooks/PermissionService';
 import ProcessGroupListTiles from '../components/ProcessGroupListTiles';
 import ButtonWithConfirmation from '../components/ButtonWithConfirmation';
-// import ProcessModelListTiles from '../components/ProcessModelListTiles';
+import ProcessModelListTiles from '../components/ProcessModelListTiles';
 
 export default function ProcessGroupShow() {
   const params = useParams();
@@ -193,24 +193,24 @@ export default function ProcessGroupShow() {
           </Stack>
           <br />
           <br />
-          {/* <ProcessModelListTiles
+          <ProcessModelListTiles
             headerElement={<h2>Process Models</h2>}
             processGroup={processGroup}
-          /> */}
+          />
           {/* eslint-disable-next-line sonarjs/no-gratuitous-expressions */}
-          {modelPagination && modelPagination.total > 0 && (
+          {/* {modelPagination && modelPagination.total > 0 && (
             <PaginationForTable
               page={page}
               perPage={perPage}
               pagination={modelPagination}
               tableToDisplay={buildModelTable()}
             />
-          )}
+          )} */}
           <br />
           <br />
           <ProcessGroupListTiles
             processGroup={processGroup}
-            headerElement={<h2>Process Groups</h2>}
+            headerElement={<h2 className="clear-left">Process Groups</h2>}
           />
         </ul>
       </>