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

View File

@@ -1,10 +1,4 @@
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