e542f4bc61
# Description of Changes <!-- Please provide a summary of the changes, including: - What was changed - Why the change was made - Any challenges encountered Closes #(issue_number) --> --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details. --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: EthanHealy01 <ethan.healy.21@gmail.com> Co-authored-by: EthanHealy01 <80844253+EthanHealy01@users.noreply.github.com>
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import { Box } from '@mantine/core';
|
|
import ToolButton from '../toolPicker/ToolButton';
|
|
import SubcategoryHeader from './SubcategoryHeader';
|
|
|
|
import { getSubcategoryLabel } from "../../../data/toolsTaxonomy";
|
|
import { TFunction } from 'i18next';
|
|
import { SubcategoryGroup } from '../../../hooks/useToolSections';
|
|
import { ToolId } from 'src/types/toolId';
|
|
|
|
// Helper function to render tool buttons for a subcategory
|
|
export const renderToolButtons = (
|
|
t: TFunction,
|
|
subcategory: SubcategoryGroup,
|
|
selectedToolKey: string | null,
|
|
onSelect: (id: ToolId) => void,
|
|
showSubcategoryHeader: boolean = true,
|
|
disableNavigation: boolean = false,
|
|
searchResults?: Array<{ item: [string, any]; matchedText?: string }>,
|
|
hasStars: boolean = false
|
|
) => {
|
|
// Create a map of matched text for quick lookup
|
|
const matchedTextMap = new Map<string, string>();
|
|
if (searchResults) {
|
|
searchResults.forEach(({ item: [id], matchedText }) => {
|
|
if (matchedText) matchedTextMap.set(id, matchedText);
|
|
});
|
|
}
|
|
|
|
return (
|
|
<Box key={subcategory.subcategoryId} w="100%">
|
|
{showSubcategoryHeader && (
|
|
<SubcategoryHeader label={getSubcategoryLabel(t, subcategory.subcategoryId)} />
|
|
)}
|
|
<div>
|
|
{subcategory.tools.map(({ id, tool }) => {
|
|
const matchedSynonym = matchedTextMap.get(id);
|
|
|
|
return (
|
|
<ToolButton
|
|
key={id}
|
|
id={id}
|
|
tool={tool}
|
|
isSelected={selectedToolKey === id}
|
|
onSelect={onSelect}
|
|
disableNavigation={disableNavigation}
|
|
matchedSynonym={matchedSynonym}
|
|
hasStars={hasStars}
|
|
/>
|
|
);
|
|
})}
|
|
</div>
|
|
</Box>
|
|
);
|
|
};
|