some clean up w/ burnettk

src/index.js

@@ -15,11 +15,13 @@ import ProcessModelShow from "./routes/ProcessModelShow"
 import ProcessModelEditDiagram from "./routes/ProcessModelEditDiagram"
 import ProcessInstanceList from "./routes/ProcessInstanceList"
 
+import { Container } from 'react-bootstrap'
+
 
-// <Route path="/" element={<App />} />
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
+    <Container>
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<ProcessGroups />} />
@@ -33,6 +35,7 @@ root.render(
         <Route path="process-models/:process_model_id/process-instances" element={<ProcessInstanceList />} />
       </Routes>
     </BrowserRouter>
+    </Container>
   </React.StrictMode>
 );
 

src/routes/ProcessGroupShow.js

@@ -8,7 +8,6 @@ import ProcessBreadcrumb from '../components/ProcessBreadcrumb'
 export default function ProcessGroupShow() {
   let params = useParams();
 
-  const [isLoaded, setIsLoaded] = useState(false);
   const [errro, setError] = useState(null);
   const [processGroup, setItem] = useState(null);
 
@@ -21,14 +20,12 @@ export default function ProcessGroupShow() {
       .then(res => res.json())
       .then(
         (result) => {
-          setIsLoaded(true);
           setItem(result);
         },
         // Note: it's important to handle errors here
         // instead of a catch() block so that we don't swallow
         // exceptions from actual bugs in components.
         (error) => {
-          setIsLoaded(true);
           setError(error);
         }
       )

src/routes/ProcessGroups.js

@@ -3,6 +3,7 @@ import { Link } from "react-router-dom";
 import { BACKEND_BASE_URL } from '../config';
 import { HOT_AUTH_TOKEN } from '../config';
 import ProcessBreadcrumb from '../components/ProcessBreadcrumb'
+import Button from 'react-bootstrap/Button'
 
 // Example process group json
 // {'admin': False, 'display_name': 'Test Workflows', 'display_order': 0, 'id': 'test_process_group'}
@@ -35,7 +36,7 @@ export default function ProcessGroups() {
       <main style={{ padding: "1rem 0" }}>
         <ProcessBreadcrumb />
         <h2>Process Groups</h2>
-        <Link to={`/process-groups/new`}>Add a process group</Link>
+        <Button href={`/process-groups/new`}>Add a process group</Button>
         <br />
         <br />
         <ul>