Add logo icon in webapp

lucalas · Jun 6, 2021 · 121c5d3 · 121c5d3
1 parent 6f4de09
commit 121c5d3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/StreamNode/WebClient/src/assets/icons/logo.png b/StreamNode/WebClient/src/assets/icons/logo.png
diff --git a/StreamNode/WebClient/src/components/sidebar/index.js b/StreamNode/WebClient/src/components/sidebar/index.js
@@ -1,7 +1,8 @@
 import { Component } from 'preact';
-import { Layout, Menu } from 'antd';
+import { Layout, Menu, Image, Row } from 'antd';
 import { Link } from 'preact-router/match';
 import { DesktopOutlined, BlockOutlined, CustomerServiceOutlined } from '@ant-design/icons';
+import Logo from '../../assets/icons/logo.png';
 
 //LANGUAGES
 import languages from '../../data/languages.json'
@@ -33,6 +34,9 @@ class CustomSidebar extends Component {
         if(!this.state.hideSidebar) {
             return (
                 <Sider collapsible defaultCollapsed>
+                    <Row type="flex" justify="center" align="middle">
+                        <Image src={Logo} width={70} preview={false} style={{padding:7}}/>
+                    </Row>
                     <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
                         <Menu.Item key="1" icon={<DesktopOutlined />}>
                             <Link href="/">Dashboard</Link>