Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-14 00:44:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-718] checkbox bg color accent + delete file dialog tweak (#936)

Browse source 
checkbox bg color accent + delete file dialog tweak
This commit is contained in:
ameer2468 2023-06-12 18:16:50 +03:00 committed by GitHub
parent 4dc9ab53be
commit b61798b3a9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
interface/app/$libraryId/Explorer/File/DeleteDialog.tsx
View file

@ -1,5 +1,5 @@
import { useLibraryMutation } from '@sd/client';
import { Dialog, UseDialogProps, useDialog } from '@sd/ui';
import { CheckBox, Dialog, Tooltip, UseDialogProps, useDialog } from '@sd/ui';
import { useZodForm } from '@sd/ui/src/forms';
interface Propps extends UseDialogProps {
@ -27,7 +27,12 @@ export default (props: Propps) => {
loading={deleteFile.isLoading}
ctaLabel="Delete"
>
<p>TODO: checkbox for "delete all matching files" (only if a file is selected)</p>
<Tooltip label="Coming soon">
<div className="flex items-center opacity-50">
<CheckBox disabled className="!mt-0" />
<p className="text-sm text-ink-faint">Delete all matching files</p>
</div>
</Tooltip>
</Dialog>
);
};

2
packages/ui/src/CheckBox.tsx
View file

@ -6,7 +6,7 @@ import { ComponentProps, forwardRef } from 'react';
const styles = cva(
[
'form-check-input float-left mr-2 mt-1 h-4 w-4 appearance-none rounded-sm border border-gray-300 bg-white bg-contain bg-center bg-no-repeat align-top transition duration-200',
'checked:border-blue-600 checked:bg-blue-600 focus:outline-none '
'checked:border-accent checked:bg-accent focus:outline-none checked:hover:bg-accent/80'
],
{ variants: {} }
);