tachybase_todo/packages/plugins/@tachybase/plugin-data-source-manager/src/client/component/DatasourceLink.tsx

26 lines
724 B
TypeScript

import React from 'react';
import { useToken } from '@tachybase/client';
import { DatabaseOutlined } from '@ant-design/icons';
import { Button, Tooltip } from 'antd';
import { useNavigate } from 'react-router-dom';
import { useTranslation } from '../locale';
export const DatasourceLink = () => {
const { t } = useTranslation();
const navigate = useNavigate();
const { token } = useToken();
return (
<Tooltip title={t('Data sources')}>
<Button
icon={<DatabaseOutlined style={{ color: token.colorTextHeaderMenu }} />}
title={t('Data sources')}
onClick={() => {
navigate('/admin/settings/data-source-manager/main/collections');
}}
/>
</Tooltip>
);
};