Update to include some Notifications API stuff
This commit is contained in:
parent
d21e9ec466
commit
77763a4189
3
.gitignore
vendored
3
.gitignore
vendored
@ -8,6 +8,9 @@ yarn-error.log*
|
||||
lerna-debug.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
certs/
|
||||
build/
|
||||
|
||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
||||
height: 5vh;
|
||||
}
|
||||
|
||||
@media (max-width: 501px) {
|
||||
@media (max-width: 601px) {
|
||||
.sensors {
|
||||
display: display !important;
|
||||
}
|
||||
|
@ -19,6 +19,28 @@ const Sensor = () => {
|
||||
setInterval(() => pullTempFromBackend(), 1000);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (temp) {
|
||||
if (temp >= 82.2) {
|
||||
Notification.requestPermission().then((result) => {
|
||||
if (result === 'granted') {
|
||||
new Notification('TeaSense Alert', {
|
||||
body: '♨️',
|
||||
});
|
||||
}
|
||||
});
|
||||
} else if (temp >= 80.0) {
|
||||
Notification.requestPermission().then((result) => {
|
||||
if (result === 'granted') {
|
||||
new Notification('TeaSense Warning', {
|
||||
body: '🫖',
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, [temp]);
|
||||
|
||||
return (
|
||||
<div className={'gauge-body'}>
|
||||
<div className={'gauge-label'}>TeaSense</div>
|
||||
|
Loading…
Reference in New Issue
Block a user