IO-922 Added icons.

client/src/components/tech-sider/tech-sider.component.jsx

@@ -1,4 +1,4 @@
-import Icon, { SearchOutlined } from "@ant-design/icons";
+import Icon, { SearchOutlined, ScheduleOutlined } from "@ant-design/icons";
 import { Layout, Menu } from "antd";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -10,6 +10,7 @@ import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import { techLogout } from "../../redux/tech/tech.actions";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
+import { BsKanban } from "react-icons/bs";
 
 const { Sider } = Layout;
 
@@ -29,39 +30,47 @@ export function TechSider({ technician, techLogout }) {
 
   return (
     <Sider collapsible collapsed={collapsed} onCollapse={onCollapse}>
-      <Menu theme='dark' defaultSelectedKeys={["1"]} mode='inline'>
+      <Menu theme="dark" defaultSelectedKeys={["1"]} mode="inline">
         <Menu.Item
-          key='1'
+          key="1"
           disabled={!!technician}
-          icon={<Icon component={FiLogIn} />}>
+          icon={<Icon component={FiLogIn} />}
+        >
           <Link to={`/tech/login`}>{t("menus.tech.login")}</Link>
         </Menu.Item>
-        <Menu.Item key='2' disabled={!!!technician} icon={<SearchOutlined />}>
+        <Menu.Item key="2" disabled={!!!technician} icon={<SearchOutlined />}>
           <Link to={`/tech/joblookup`}>{t("menus.tech.joblookup")}</Link>
         </Menu.Item>
         <Menu.Item
-          key='3'
+          key="3"
           disabled={!!!technician}
-          icon={<Icon component={FaBusinessTime} />}>
+          icon={<Icon component={FaBusinessTime} />}
+        >
           <Link to={`/tech/jobclock`}>{t("menus.tech.jobclockin")}</Link>
         </Menu.Item>
         <Menu.Item
-          key='4'
+          key="4"
           disabled={!!!technician}
-          icon={<Icon component={MdTimer} />}>
+          icon={<Icon component={MdTimer} />}
+        >
           <Link to={`/tech/shiftclock`}>{t("menus.tech.shiftclockin")}</Link>
         </Menu.Item>
-        <Menu.Item key='5' disabled={!!!technician} icon={<SearchOutlined />}>
+        <Menu.Item key="5" disabled={!!!technician} icon={<ScheduleOutlined />}>
           <Link to={`/tech/list`}>{t("menus.tech.productionlist")}</Link>
         </Menu.Item>
-        <Menu.Item key='6' disabled={!!!technician} icon={<SearchOutlined />}>
+        <Menu.Item
+          key="6"
+          disabled={!!!technician}
+          icon={<Icon component={BsKanban} />}
+        >
           <Link to={`/tech/board`}> {t("menus.tech.productionboard")}</Link>
         </Menu.Item>
         <Menu.Item
-          key='7'
+          key="7"
           disabled={!!!technician}
           onClick={() => techLogout()}
-          icon={<Icon component={FiLogOut} />}>
+          icon={<Icon component={FiLogOut} />}
+        >
           {t("menus.tech.logout")}
         </Menu.Item>
       </Menu>