mirror of
https://github.com/ClipFusion-org/clipfusion.git
synced 2025-08-03 15:55:07 +00:00
fixed some accessibility issues in the project library
This commit is contained in:
parent
b9266261ef
commit
13565d9e81
@ -451,7 +451,7 @@ export default function Home(): ReactNode {
|
|||||||
const [descendingSort, setDescendingSort] = useState(false);
|
const [descendingSort, setDescendingSort] = useState(false);
|
||||||
const [showDeleteSelectedAlert, setShowDeleteSelectedAlert] = useState(false);
|
const [showDeleteSelectedAlert, setShowDeleteSelectedAlert] = useState(false);
|
||||||
|
|
||||||
const projects = useLiveQuery(() => (
|
const projects = useLiveQuery(async () => (
|
||||||
db.projects.toArray()
|
db.projects.toArray()
|
||||||
));
|
));
|
||||||
|
|
||||||
@ -510,7 +510,7 @@ export default function Home(): ReactNode {
|
|||||||
<Dialog>
|
<Dialog>
|
||||||
<DialogTrigger asChild>
|
<DialogTrigger asChild>
|
||||||
<Button>
|
<Button>
|
||||||
<PlusIcon /> {!isMobile && "New Project"}
|
<PlusIcon /> {!isMobile && "New Project"} <span className="sr-only">New Project</span>
|
||||||
</Button>
|
</Button>
|
||||||
</DialogTrigger>
|
</DialogTrigger>
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
@ -563,6 +563,7 @@ export default function Home(): ReactNode {
|
|||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
<Toggle pressed={descendingSort} onPressedChange={(pressed) => setDescendingSort(pressed)}>
|
<Toggle pressed={descendingSort} onPressedChange={(pressed) => setDescendingSort(pressed)}>
|
||||||
{descendingSort ? <ArrowDownIcon /> : <ArrowUpIcon />}
|
{descendingSort ? <ArrowDownIcon /> : <ArrowUpIcon />}
|
||||||
|
<span className="sr-only">{descendingSort ? "Switch to Ascending Sorting" : "Switch to Descending Sorting"}</span>
|
||||||
</Toggle>
|
</Toggle>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent>
|
<TooltipContent>
|
||||||
|
Loading…
Reference in New Issue
Block a user