Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-02-17 13:52:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: resolve overlay typing issues

Browse Source
This commit is contained in:
Anthony Stirling 2025-10-04 21:46:12 +01:00
parent c200e2a189
commit 28b146f0f4
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/tools/ToolPanelOverlay.css
View File

@ -69,6 +69,13 @@
gap: 2rem;
}
.tool-panel-overlay__empty {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
}
.tool-panel-overlay__section {
display: flex;
flex-direction: column;

19
frontend/src/components/tools/ToolPanelOverlay.tsx
View File

@ -161,16 +161,18 @@ export default function ToolPanelOverlay() {
<ScrollArea className="tool-panel-overlay__scroll" offsetScrollbars>
<div className="tool-panel-overlay__content">
{subcategoryGroups.length === 0 ? (
<NoToolsFound
title={t('toolPanel.overlay.noResultsTitle', 'No tools found')}
description={t('toolPanel.overlay.noResultsDescription', 'Try adjusting your filters or search terms.')}
/>
<div className="tool-panel-overlay__empty">
<NoToolsFound />
<Text size="sm" c="dimmed">
{t('toolPanel.overlayHint', 'Select a tool to open it in the workspace.')}
</Text>
</div>
) : (
subcategoryGroups.map(({ key, tools }) => (
<section key={key} className="tool-panel-overlay__section">
subcategoryGroups.map(({ subcategoryId, tools }) => (
<section key={subcategoryId} className="tool-panel-overlay__section">
<header className="tool-panel-overlay__section-header">
<Text size="sm" fw={600} tt="uppercase" c="dimmed" lts={0.5}>
{getSubcategoryLabel(key, t)}
{getSubcategoryLabel(t, subcategoryId)}
</Text>
<Badge variant="outline" size="xs" radius="sm" color="gray">
{tools.length}
@ -180,8 +182,7 @@ export default function ToolPanelOverlay() {
className={`tool-panel-overlay__grid tool-panel-overlay__grid--${layout}`}
role="list"
>
{tools.map(tool => {
const [toolId, toolConfig] = tool.item;
{tools.map(({ id: toolId, tool: toolConfig }) => {
const matchedText = matchedTextMap.get(toolId);
return (
<ToolPanelOverlayTile