mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-28 10:28:09 -04:00
0bb073e8bb
* calculate jobs eta * calculate eta for single + group jobs * fix issue with clearing running job groups * clear completed with error tasks * error handling for ETA * fix typeerrors and minor styling for ETA * fix clearing all jobs & types * Update JobGroup.tsx * Update JobGroup.tsx --------- Co-authored-by: ameer2468 <33054370+ameer2468@users.noreply.github.com>
96 lines
2.2 KiB
TypeScript
96 lines
2.2 KiB
TypeScript
import {
|
|
Copy,
|
|
Fingerprint,
|
|
Folder,
|
|
Icon,
|
|
Image,
|
|
Info,
|
|
Scissors,
|
|
Trash
|
|
} from '@phosphor-icons/react';
|
|
import { memo } from 'react';
|
|
import { JobProgressEvent, Report, useJobInfo } from '@sd/client';
|
|
import { ProgressBar } from '@sd/ui';
|
|
import { showAlertDialog } from '~/components';
|
|
import { useLocale } from '~/hooks';
|
|
|
|
import JobContainer from './JobContainer';
|
|
|
|
interface JobProps {
|
|
job: Report;
|
|
className?: string;
|
|
isChild?: boolean;
|
|
progress: JobProgressEvent | null;
|
|
eta: number;
|
|
}
|
|
|
|
const JobIcon: Record<string, Icon> = {
|
|
Indexer: Folder,
|
|
MediaProcessor: Image,
|
|
FileIdentifier: Fingerprint,
|
|
FileCopier: Copy,
|
|
FileDeleter: Trash,
|
|
FileCutter: Scissors,
|
|
ObjectValidator: Fingerprint
|
|
};
|
|
|
|
function Job({ job, className, isChild, progress, eta }: JobProps) {
|
|
const jobData = useJobInfo(job, progress);
|
|
const { t } = useLocale();
|
|
// I don't like sending TSX as a prop due to lack of hot-reload, but it's the only way to get the error log to show up
|
|
if (job.status === 'CompletedWithErrors') {
|
|
const JobError = (
|
|
<pre className="custom-scroll inspector-scroll max-h-[300px] rounded border border-app-darkBox bg-app-darkBox/80 p-3">
|
|
{job.non_critical_errors.map((error, i) => (
|
|
<p
|
|
className="mb-1 w-full overflow-auto whitespace-normal break-words text-sm"
|
|
key={i}
|
|
>
|
|
{/* TODO: Report errors in a nicer way */}
|
|
{JSON.stringify(error)}
|
|
</p>
|
|
))}
|
|
</pre>
|
|
);
|
|
jobData.textItems?.push([
|
|
{
|
|
text: t('completed_with_errors'),
|
|
icon: Info,
|
|
onClick: () => {
|
|
showAlertDialog({
|
|
title: t('error'),
|
|
description: t('job_error_description'),
|
|
children: JobError
|
|
});
|
|
}
|
|
}
|
|
]);
|
|
}
|
|
|
|
return (
|
|
<JobContainer
|
|
className={className}
|
|
name={jobData.name}
|
|
icon={JobIcon[job.name]}
|
|
eta={eta}
|
|
status={job.status}
|
|
textItems={
|
|
['Queued'].includes(job.status) ? [[{ text: job.status }]] : jobData.textItems
|
|
}
|
|
isChild={isChild}
|
|
>
|
|
{(jobData.isRunning || jobData.isPaused) && (
|
|
<div className="my-1 ml-1.5 w-[335px]">
|
|
<ProgressBar
|
|
pending={jobData.taskCount == 0}
|
|
value={jobData.completedTaskCount}
|
|
total={jobData.taskCount}
|
|
/>
|
|
</div>
|
|
)}
|
|
</JobContainer>
|
|
);
|
|
}
|
|
|
|
export default memo(Job);
|