mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-09-18 01:19:24 +00:00
5caec41d96
# Description of Changes Enable ESLint [no-empty-object-type rule](https://typescript-eslint.io/rules/no-empty-object-type/)
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Stack, Text, Divider, Card, Group } from '@mantine/core';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useSuggestedTools } from '../../../hooks/useSuggestedTools';
|
|
|
|
export function SuggestedToolsSection(): React.ReactElement {
|
|
const { t } = useTranslation();
|
|
const suggestedTools = useSuggestedTools();
|
|
|
|
return (
|
|
<Stack gap="md">
|
|
<Divider />
|
|
|
|
<Text size="lg" fw={600}>
|
|
{t('editYourNewFiles', 'Edit your new file(s)')}
|
|
</Text>
|
|
|
|
<Stack gap="xs">
|
|
{suggestedTools.map((tool) => {
|
|
const IconComponent = tool.icon;
|
|
return (
|
|
<Card
|
|
key={tool.id}
|
|
p="sm"
|
|
withBorder
|
|
style={{ cursor: 'pointer' }}
|
|
onClick={tool.navigate}
|
|
>
|
|
<Group gap="xs">
|
|
<IconComponent fontSize="small" />
|
|
<Text size="sm" fw={500}>
|
|
{tool.title}
|
|
</Text>
|
|
</Group>
|
|
</Card>
|
|
);
|
|
})}
|
|
</Stack>
|
|
</Stack>
|
|
);
|
|
}
|