hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update status indicator

Browse Source
This commit is contained in:
Sacha Weatherstone
2021-08-08 00:55:28 +10:00
parent 511f801fd3
commit cffc38c0df
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/menu/buttons/DeviceStatusDropdown.tsx
+4 -3
View File
@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { Types } from '@meshtastic/meshtasticjs'; import { SwitchVerticalIcon } from '@heroicons/react/outline';
import { useAppSelector } from '../../../hooks/redux'; import { useAppSelector } from '../../../hooks/redux';
import { Button } from '../../generic/Button'; import { Button } from '../../generic/Button';
@@ -11,7 +11,8 @@ export const DeviceStatusDropdown = (): JSX.Element => {
return ( return (
<Button> <Button>
<div <SwitchVerticalIcon className={`h-6 w-6 ${!ready && 'animate-pulse'}`} />
{/* <div
className={`flex w-6 h-6 rounded-full animate-pulse shadow-md ${ className={`flex w-6 h-6 rounded-full animate-pulse shadow-md ${
deviceStatus <= Types.DeviceStatusEnum.DEVICE_DISCONNECTED deviceStatus <= Types.DeviceStatusEnum.DEVICE_DISCONNECTED
? 'bg-red-400 animate-pulse' ? 'bg-red-400 animate-pulse'
@@ -22,7 +23,7 @@ export const DeviceStatusDropdown = (): JSX.Element => {
? 'bg-green-400' ? 'bg-green-400'
: 'bg-gray-400' : 'bg-gray-400'
}`} }`}
></div> ></div> */}
</Button> </Button>
); );
}; };