fixed some accessibility issues in the project library

This commit is contained in:
corgifist 2025-07-30 13:54:48 +03:00
parent b9266261ef
commit 13565d9e81

View File

@ -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>