scottk/OptimCloud-gw-ui
1
0
Fork 0
mirror of https://github.com/optim-enterprises-bv/OptimCloud-gw-ui.git synced 2025-10-31 10:17:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

New icons for AP and Switch

Browse Source
This commit is contained in:
bourquecharles
2021-05-18 19:02:11 -04:00
parent 703ad1a80a
commit 124b407267
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/icons/AP.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/assets/icons/Switch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

8
src/components/DeviceList.js
View File

@@ -19,7 +19,8 @@ import { getToken } from '../utils/authHelper';
import axiosInstance from '../utils/axiosInstance'; import axiosInstance from '../utils/axiosInstance';
import { cleanBytesString, cropStringWithEllipsis } from '../utils/helper'; import { cleanBytesString, cropStringWithEllipsis } from '../utils/helper';
import iotIcon from '../assets/icons/iot.png'; import iotIcon from '../assets/icons/iot.png';
import internetSwitch from '../assets/icons/networkswitch.png'; import apIcon from '../assets/icons/AP.png';
import internetSwitch from '../assets/icons/Switch.png';
const DeviceList = () => { const DeviceList = () => {
const [loadedSerials, setLoadedSerials] = useState(false); const [loadedSerials, setLoadedSerials] = useState(false);
@@ -150,9 +151,10 @@ const DeviceListDisplay = ({ devices, loading, updateDevicesPerPage, pageCount,
const getDeviceIcon = (deviceType) => { const getDeviceIcon = (deviceType) => {
if (deviceType === 'AP_Default') { if (deviceType === 'AP_Default') {
return <CIcon name="cilRouter" size="2xl" alt="AP" />; return <img src={apIcon} style={{ height: '32px', width: '32px' }} alt="IOT" />;
// return <CIcon name="cilRouter" size="2xl" alt="AP" />;
} }
if (deviceType === 'IOT') { if (deviceType === 'MESH') {
return <img src={iotIcon} style={{ height: '32px', width: '32px' }} alt="IOT" />; return <img src={iotIcon} style={{ height: '32px', width: '32px' }} alt="IOT" />;
} }
if (deviceType === 'SWITCH') { if (deviceType === 'SWITCH') {