- Rough in front end / backend

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-23 10:20:26 -05:00
parent 09d112350a
commit cfe0727447
2 changed files with 20 additions and 20 deletions

View File

@@ -13,7 +13,7 @@ const mapDispatchToProps = (dispatch) => ({
}); });
export function JobLifecycleComponent({bodyshop, job, ...rest}) { export function JobLifecycleComponent({bodyshop, job, ...rest}) {
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(true);
const [lifecycleData, setLifecycleData] = useState(null); const [lifecycleData, setLifecycleData] = useState(null);
@@ -56,12 +56,13 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
return ( return (
<Card loading={loading} title='Job Lifecycle Component'> <Card loading={loading} title='Job Lifecycle Component'>
{!loading ? (
<Space direction='vertical' style={{width: '100%'}}> <Space direction='vertical' style={{width: '100%'}}>
<Card type='inner' title='Table Format'> <Card type='inner' title='Table Format'>
<Table loading={loading} columns={columns} dataSource={lifecycleData} /> <Table columns={columns} dataSource={lifecycleData} />
</Card> </Card>
<Card type='inner' title='Timeline Format'> <Card type='inner' title='Timeline Format'>
<Timeline loading={loading}> <Timeline>
{lifecycleData.map((item, index) => ( {lifecycleData.map((item, index) => (
<Timeline.Item key={index} color={item.value === 'Open' ? 'green' : item.value === 'Scheduled' ? 'yellow' : 'red'}> <Timeline.Item key={index} color={item.value === 'Open' ? 'green' : item.value === 'Scheduled' ? 'yellow' : 'red'}>
{item.value} - {new Date(item.start).toLocaleString()} {item.value} - {new Date(item.start).toLocaleString()}
@@ -70,6 +71,11 @@ export function JobLifecycleComponent({bodyshop, job, ...rest}) {
</Timeline> </Timeline>
</Card> </Card>
</Space> </Space>
) : (
<Card type='inner' title='Loading'>
Loading Job Timelines....
</Card>
)}
</Card> </Card>
); );
} }

View File

@@ -1,10 +1,4 @@
const path = require("path"); const path = require("path");
require("dotenv").config({
path: path.resolve(
process.cwd(),
`.env.${process.env.NODE_ENV || "development"}`
),
});
/** /**
* Checks if the event secret is correct * Checks if the event secret is correct