All files / src/views/floorPages InfoMarker.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
// import React from 'react';
// import { useMqtt } from '@components/hooks'
import {
	CContainer,
	CButton,
} from '@coreui/react'
 
import { apiService } from '@services'
 
import { AuthCheck } from '@components'
 
import LiveData from '../thingy52/LiveData';
import LiveTagData from '../tag/LiveTagData';
 
import { useNavigate } from 'react-router-dom';
 
const devicesApi = apiService('devices');
 
const InfoMarker = ({ popupStatus, selectedMarker, refetch }) => {
	const navigate = useNavigate();
 
	const unsetMarkerLocation = async () => {
		try {
			const updatedMarker = {
				...selectedMarker,
				location: {},
			};
	
			await devicesApi.update(updatedMarker);
 
			refetch();
 
			popupStatus.current.close();
		} catch (err) {
			console.error('Error while deleting:', err);
			alert('Something went wrong while deleting');
		}
	};
 
	return (
		<CContainer>
			<AuthCheck rights="admin">
				{selectedMarker && selectedMarker.type !== 'tag' && (
					<>
						<CButton color="danger" onClick={unsetMarkerLocation}>Delete Location</CButton>
						<br />
						<br />
					</>
				)}
			</AuthCheck>
 
			<div>
				<p><strong>Mac Address:</strong> {selectedMarker.macAddress}</p>
				<p><strong>Name:</strong> {selectedMarker.name}</p>
				<p><strong>Type:</strong> {selectedMarker.type}</p>
				<CButton color="primary" onClick={() => navigate(`/device/DeviceDetails/${selectedMarker.macAddress}`)}>Device Details</CButton>
				<br />
				<br />
				{selectedMarker && selectedMarker.type == 'thingy52' && (
					<>
						{LiveData(selectedMarker.macAddress)}
					</>
				)}
				{selectedMarker && selectedMarker.type == 'tag' && (
					<>
						{LiveTagData(selectedMarker.macAddress)}
					</>
				)}
			</div>
			
		</CContainer>
	);
};
 
export default InfoMarker;