mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-18 18:59:11 +00:00
progress
This commit is contained in:
parent
a36a30e317
commit
827287b26d
|
@ -35,22 +35,18 @@ export function Device(props: DeviceProps) {
|
|||
{props.type === 'server' && <Cloud weight="fill" size={20} className="mr-2" />}
|
||||
<h3 className="font-semibold text-md">{props.name || 'Unnamed Device'}</h3>
|
||||
<div className="flex flex-row space-x-1.5 mt-0.5">
|
||||
<span className="font-semibold flex flex-row h-[19px] -mt-0.5 ml-3 py-0.5 px-1.5 text-[10px] rounded bg-gray-250 text-type-faint">
|
||||
<span className="font-semibold flex flex-row h-[19px] -mt-0.5 ml-3 py-0.5 px-1.5 text-[10px] rounded text-type-faint">
|
||||
<LockClosedIcon className="w-3 h-3 mr-1 -ml-0.5 m-[1px]" />
|
||||
P2P
|
||||
</span>
|
||||
</div>
|
||||
<span className="font-semibold py-0.5 px-1.5 text-sm ml-2 text-gray-400 ">
|
||||
{props.size}
|
||||
</span>
|
||||
<span className="font-semibold py-0.5 px-1.5 text-sm ml-2 ">{props.size}</span>
|
||||
<div className="flex flex-grow" />
|
||||
{props.runningJob && (
|
||||
<div className="flex flex-row ml-5 bg-gray-300 bg-opacity-50 rounded-md dark:bg-gray-550">
|
||||
<div className="flex flex-row ml-5 bg-opacity-50 rounded-md ">
|
||||
<Loader />
|
||||
<div className="flex flex-col p-2">
|
||||
<span className="mb-[2px] -mt-1 truncate text-gray-450 text-tiny">
|
||||
{props.runningJob.task}...
|
||||
</span>
|
||||
<span className="mb-[2px] -mt-1 truncate text-tiny">{props.runningJob.task}...</span>
|
||||
<ProgressBar value={props.runningJob?.amount} total={100} />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -70,7 +66,7 @@ export function Device(props: DeviceProps) {
|
|||
</div>
|
||||
<div className="px-4 pb-3 mt-3">
|
||||
{props.locations.length === 0 && (
|
||||
<div className="w-full my-5 text-center text-gray-450">No locations</div>
|
||||
<div className="w-full my-5 text-center">No locations</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -22,7 +22,7 @@ export default function Explorer(props: Props) {
|
|||
return (
|
||||
<div className="relative">
|
||||
<ExplorerContextMenu>
|
||||
<div className="relative flex flex-col w-full dark:bg-gray-650">
|
||||
<div className="relative flex flex-col w-full bg-app">
|
||||
<TopBar />
|
||||
|
||||
<div className="relative flex flex-row w-full max-h-full ">
|
||||
|
|
|
@ -142,14 +142,11 @@ export const TopBar: React.FC<TopBarProps> = (props) => {
|
|||
}
|
||||
});
|
||||
|
||||
const { mutate: objectValidator } = useLibraryMutation(
|
||||
'jobs.objectValidator',
|
||||
{
|
||||
onMutate: (data) => {
|
||||
// console.log('ObjectValidator', data);
|
||||
}
|
||||
const { mutate: objectValidator } = useLibraryMutation('jobs.objectValidator', {
|
||||
onMutate: (data) => {
|
||||
// console.log('ObjectValidator', data);
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
const navigate = useNavigate();
|
||||
|
||||
|
@ -214,7 +211,7 @@ export const TopBar: React.FC<TopBarProps> = (props) => {
|
|||
<>
|
||||
<div
|
||||
data-tauri-drag-region
|
||||
className="flex h-[2.95rem] -mt-0.5 max-w z-10 pl-3 flex-shrink-0 items-center dark:bg-gray-700 border-gray-100 !bg-opacity-80 backdrop-blur overflow-hidden rounded-tl-md"
|
||||
className="flex h-[2.95rem] -mt-0.5 max-w z-10 pl-3 flex-shrink-0 items-center overflow-hidden rounded-tl-md"
|
||||
>
|
||||
<div className="flex ">
|
||||
<Tooltip label="Navigate back">
|
||||
|
|
Loading…
Reference in a new issue