Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-17 17:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🔗 fix: Shared Links Accessibility Improvements (#10850)

Browse source 
* fix: reintroduce TooltipAnchor for shared link buttons and improve translation key accessibility

* chore: remove unused translation key
This commit is contained in:
Dustin Healy 2025-12-10 15:28:35 -08:00 • committed by GitHub
parent f0d2dc5c31
commit 1a33fbd957
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 39 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

61
client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx
View file

@ -21,6 +21,7 @@ import {
useMediaQuery, useMediaQuery,
OGDialogHeader, OGDialogHeader,
OGDialogTitle, OGDialogTitle,
TooltipAnchor,
DataTable, DataTable,
Spinner, Spinner,
Button, Button,
@ -259,30 +260,42 @@ export default function SharedLinks() {
}, },
cell: ({ row }) => ( cell: ({ row }) => (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<a <TooltipAnchor
href={`/c/${row.original.conversationId}`} description={localize('com_ui_open_source_chat_new_tab')}
target="_blank" render={
rel="noopener noreferrer" <a
className="flex h-8 w-8 items-center justify-center rounded-md p-0 transition-colors hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-ring" href={`/c/${row.original.conversationId}`}
aria-label={`${localize('com_ui_view_source')} - ${row.original.title || localize('com_ui_untitled')}`} target="_blank"
> rel="noopener noreferrer"
<MessageSquare className="size-4" aria-hidden="true" /> className="flex h-8 w-8 items-center justify-center rounded-md p-0 transition-colors hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-ring"
</a> aria-label={localize('com_ui_open_source_chat_new_tab_title', {
<Button title: row.original.title || localize('com_ui_untitled'),
variant="ghost" })}
className="h-8 w-8 p-0 hover:bg-surface-hover" >
onClick={() => { <MessageSquare className="size-4" aria-hidden="true" />
setDeleteRow(row.original); </a>
setIsDeleteOpen(true); }
}} />
aria-label={localize('com_ui_delete_shared_link', { <TooltipAnchor
title: row.original.title || localize('com_ui_untitled'), description={localize('com_ui_delete_shared_link_heading')}
})} render={
aria-haspopup="dialog" <Button
aria-controls="delete-shared-link-dialog" variant="ghost"
> className="h-8 w-8 p-0 hover:bg-surface-hover"
<TrashIcon className="size-4" aria-hidden="true" /> onClick={() => {
</Button> setDeleteRow(row.original);
setIsDeleteOpen(true);
}}
aria-label={localize('com_ui_delete_shared_link', {
title: row.original.title || localize('com_ui_untitled'),
})}
aria-haspopup="dialog"
aria-controls="delete-shared-link-dialog"
>
<TrashIcon className="size-4" aria-hidden="true" />
</Button>
}
/>
</div> </div>
), ),
}, },

3
client/src/locales/en/translation.json
View file

@ -1359,7 +1359,8 @@
"com_ui_version_var": "Version {{0}}", "com_ui_version_var": "Version {{0}}",
"com_ui_versions": "Versions", "com_ui_versions": "Versions",
"com_ui_view_memory": "View Memory", "com_ui_view_memory": "View Memory",
"com_ui_view_source": "View source chat - {{title}}", "com_ui_open_source_chat_new_tab_title": "Open Source Chat in New Tab - {{title}}",
"com_ui_open_source_chat_new_tab": "Open Source Chat in New Tab",
"com_ui_web_search": "Web Search", "com_ui_web_search": "Web Search",
"com_ui_web_search_cohere_key": "Enter Cohere API Key", "com_ui_web_search_cohere_key": "Enter Cohere API Key",
"com_ui_web_search_firecrawl_url": "Firecrawl API URL (optional)", "com_ui_web_search_firecrawl_url": "Firecrawl API URL (optional)",