Add icons to menu

This commit is contained in:
Фролов 2021-08-20 16:33:56 +05:00
parent ca9ffe3bd9
commit 877306b876

View File

@ -1,5 +1,5 @@
import { Layout, Menu } from "antd"; import { Layout, Menu } from "antd";
import { FolderOutlined, FundViewOutlined } from "@ant-design/icons"; import { FolderOutlined, FundViewOutlined, AlertOutlined, FilePdfOutlined, DatabaseOutlined } from "@ant-design/icons";
import { Link, Redirect, Route, Switch, useParams } from "react-router-dom"; import { Link, Redirect, Route, Switch, useParams } from "react-router-dom";
import TelemetryView from "./TelemetryView"; import TelemetryView from "./TelemetryView";
import Messages from "./Messages"; import Messages from "./Messages";
@ -25,10 +25,10 @@ export default function Well() {
<Menu.Item key="1" icon={<FundViewOutlined />}> <Menu.Item key="1" icon={<FundViewOutlined />}>
<Link to={`${rootPath}/telemetry`}>Мониторинг</Link> <Link to={`${rootPath}/telemetry`}>Мониторинг</Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="2" icon={<FolderOutlined />}> <Menu.Item key="2" icon={<AlertOutlined />}>
<Link to={`${rootPath}/message`}>Сообщения</Link> <Link to={`${rootPath}/message`}>Сообщения</Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="3" icon={<FolderOutlined />}> <Menu.Item key="3" icon={<FilePdfOutlined />}>
<Link to={`${rootPath}/report`}>Рапорт</Link> <Link to={`${rootPath}/report`}>Рапорт</Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="5" icon={<FolderOutlined />}> <Menu.Item key="5" icon={<FolderOutlined />}>
@ -36,7 +36,7 @@ export default function Well() {
Операции по скважине Операции по скважине
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="7" icon={<FolderOutlined />}> <Menu.Item key="7" icon={<DatabaseOutlined/>}>
<Link to={`${rootPath}/archive`}>Архив</Link> <Link to={`${rootPath}/archive`}>Архив</Link>
</Menu.Item> </Menu.Item>
<SubMenu <SubMenu