- Replaced direct imports from 'antd' with centralized imports from '@/shared/antd-imports' to align with new import rules and improve maintainability.
24 lines
600 B
TypeScript
24 lines
600 B
TypeScript
import { QuestionCircleOutlined } from '@ant-design/icons';
|
|
import { Button, Tooltip } from '@/shared/antd-imports';
|
|
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import './HelpButton.css';
|
|
|
|
const HelpButton = () => {
|
|
// localization
|
|
const { t } = useTranslation('navbar');
|
|
|
|
return (
|
|
<Tooltip title={t('help')}>
|
|
<Button
|
|
className="notification-icon"
|
|
style={{ height: '62px', width: '60px' }}
|
|
type="text"
|
|
icon={<QuestionCircleOutlined style={{ fontSize: 20 }} />}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default HelpButton;
|