From c9f37b192d291217e725dfd0eb98d4812e674429 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Thu, 30 Jun 2022 17:12:07 -0400
Subject: [PATCH] pass form data into react json form w/ burnettk

---
 src/routes/TaskList.js | 10 +++++++++-
 src/routes/TaskShow.js |  9 +++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/routes/TaskList.js b/src/routes/TaskList.js
index 39f8271..58b9e57 100644
--- a/src/routes/TaskList.js
+++ b/src/routes/TaskList.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Table } from 'react-bootstrap';
+import { Button, Table } from 'react-bootstrap';
 import { Link, useSearchParams } from 'react-router-dom';
 import PaginationForTable, {
   DEFAULT_PER_PAGE,
@@ -45,7 +45,13 @@ export default function TaskList() {
           <td>
             <Link to={`/tasks/${row.id}`}>{row.id}</Link>
           </td>
+          <td>{row.process_instance_id}</td>
           <td>{row.status}</td>
+          <td>
+            <Button variant="primary" href={`/tasks/${row.id}`}>
+              Start
+            </Button>
+          </td>
         </tr>
       );
     });
@@ -54,7 +60,9 @@ export default function TaskList() {
         <thead>
           <tr>
             <th>Id</th>
+            <th>Process Instance Id</th>
             <th>Status</th>
+            <th>Actions</th>
           </tr>
         </thead>
         <tbody>{rows}</tbody>
diff --git a/src/routes/TaskShow.js b/src/routes/TaskShow.js
index 0426fc9..0725d45 100644
--- a/src/routes/TaskShow.js
+++ b/src/routes/TaskShow.js
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import Form from '@rjsf/core';
+import { Button } from 'react-bootstrap';
 
 import { BACKEND_BASE_URL, HOT_AUTH_TOKEN } from '../config';
 
@@ -49,11 +50,15 @@ export default function TaskShow() {
     // <JSONSchemaForm schema={JSON.parse(task.form_json)} />
     return (
       <main>
+        <Button href="/tasks">Go Back</Button>
         <h1>Task ID: {task.id}</h1>
         <h3>process_instance_id: {task.process_instance_id}</h3>
         <h3>status: {task.status}</h3>
-        <p>form json: {task.form_json}</p>
-        <Form onSubmit={handleFormSubmit} schema={JSON.parse(task.form_json)} />
+        <Form
+          formData={JSON.parse(task.spiffworkflow_task_data)}
+          onSubmit={handleFormSubmit}
+          schema={JSON.parse(task.form_json)}
+        />
       </main>
     );
   }