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

[WIFI-11936] Devices table links now using real links with href

Browse Source 
Signed-off-by: Charles <charles.bourque96@gmail.com>
This commit is contained in:
Charles
2022-12-12 09:45:17 -05:00
parent 9a80664ce2
commit aaab9d3bc5
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "ucentral-client", "name": "ucentral-client",
"version": "2.8.0(38)", "version": "2.8.0(39)",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "ucentral-client", "name": "ucentral-client",
"version": "2.8.0(38)", "version": "2.8.0(39)",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"@chakra-ui/icons": "^2.0.11", "@chakra-ui/icons": "^2.0.11",

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "ucentral-client", "name": "ucentral-client",
"version": "2.8.0(38)", "version": "2.8.0(39)",
"description": "", "description": "",
"private": true, "private": true,
"main": "index.tsx", "main": "index.tsx",

21
src/pages/Devices/ListCard/Actions.tsx
View File

@@ -5,6 +5,7 @@ import {
Center, Center,
Flex, Flex,
IconButton, IconButton,
Link,
Popover, Popover,
PopoverArrow, PopoverArrow,
PopoverBody, PopoverBody,
@@ -18,7 +19,6 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { MagnifyingGlass, Trash } from 'phosphor-react'; import { MagnifyingGlass, Trash } from 'phosphor-react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import DeviceActionDropdown from 'components/Buttons/DeviceActionDropdown'; import DeviceActionDropdown from 'components/Buttons/DeviceActionDropdown';
import { DeviceWithStatus, useDeleteDevice } from 'hooks/Network/Devices'; import { DeviceWithStatus, useDeleteDevice } from 'hooks/Network/Devices';
import { GatewayDevice } from 'models/Device'; import { GatewayDevice } from 'models/Device';
@@ -49,13 +49,11 @@ const Actions: React.FC<Props> = ({
onOpenScriptModal, onOpenScriptModal,
}) => { }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const navigate = useNavigate();
const { isOpen, onOpen, onClose } = useDisclosure(); const { isOpen, onOpen, onClose } = useDisclosure();
const { mutateAsync: deleteDevice, isLoading: isDeleting } = useDeleteDevice({ const { mutateAsync: deleteDevice, isLoading: isDeleting } = useDeleteDevice({
serialNumber: device.serialNumber, serialNumber: device.serialNumber,
}); });
const handleViewDetailsClick = () => navigate(`/devices/${device.serialNumber}`);
const handleDeleteClick = () => const handleDeleteClick = () =>
deleteDevice(device.serialNumber, { deleteDevice(device.serialNumber, {
onSuccess: () => { onSuccess: () => {
@@ -106,14 +104,15 @@ const Actions: React.FC<Props> = ({
onOpenScriptModal={onOpenScriptModal} onOpenScriptModal={onOpenScriptModal}
/> />
<Tooltip hasArrow label={t('common.view_details')} placement="top"> <Tooltip hasArrow label={t('common.view_details')} placement="top">
<IconButton <Link href={`#/devices/${device.serialNumber}`}>
aria-label={t('common.view_details')} <IconButton
ml={2} aria-label={t('common.view_details')}
colorScheme="blue" ml={2}
icon={<MagnifyingGlass size={20} />} colorScheme="blue"
size="sm" icon={<MagnifyingGlass size={20} />}
onClick={handleViewDetailsClick} size="sm"
/> />
</Link>
</Tooltip> </Tooltip>
</Flex> </Flex>
); );