ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-06-06 13:30:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat (frontend): adding useNotification hook

Browse Source
This commit is contained in:
Mose Müller 2023-08-10 10:46:58 +02:00
parent a333de9957
commit 48dd4d58b7
9 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/App.tsx
View File

@ -8,6 +8,7 @@ import {
import './App.css';
import { getDataServiceJSONValueByPathAndKey } from './utils/nestedObjectUtils';
import { Notifications } from './components/NotificationsComponent';
import { useNotification } from './hooks/useNotification';
type ValueType = boolean | string | number | object;
@ -117,18 +118,12 @@ const App = () => {
const [isInstantUpdate, setIsInstantUpdate] = useState(true);
const [showSettings, setShowSettings] = useState(false);
const [showNotification, setShowNotification] = useState(false);
const [notifications, setNotifications] = useState([]);
const [exceptions, setExceptions] = useState([]); // Exception notifications
const removeNotificationById = (id: number) => {
setNotifications((prevNotifications) =>
prevNotifications.filter((n) => n.id !== id)
);
};
const removeExceptionById = (id: number) => {
setExceptions((prevNotifications) => prevNotifications.filter((n) => n.id !== id));
};
const { notifications, notify, removeNotificationById } = useNotification();
const {
notifications: exceptions,
notify: notifyException,
removeNotificationById: removeExceptionById
} = useNotification();
const handleCloseSettings = () => setShowSettings(false);
const handleShowSettings = () => setShowSettings(true);
@ -165,7 +160,7 @@ const App = () => {
};
// Adding the new notification to the list
setNotifications((prevNotifications) => [newNotification, ...prevNotifications]);
notify(newNotification);
}
function onException(value: ExceptionMessage) {
@ -177,7 +172,7 @@ const App = () => {
time: timeString,
text: `${value.data.type}: ${value.data.exception}.`
};
setExceptions((prevNotifications) => [newNotification, ...prevNotifications]);
notifyException(newNotification);
}
// Keep the state reference up to date

23
frontend/src/hooks/useNotification.ts Normal file
View File

@ -0,0 +1,23 @@
import { useState } from 'react';
type NotificationMsg = {
id: number;
time: string;
text: string;
};
export const useNotification = () => {
const [notifications, setNotifications] = useState([]);
const notify = (message: NotificationMsg) => {
// Custom logic for notifications
setNotifications((prevNotifications) => [message, ...prevNotifications]);
};
const removeNotificationById = (id: number) => {
setNotifications((prevNotifications) =>
prevNotifications.filter((n) => n.id !== id)
);
};
return { notifications, notify, removeNotificationById };
};

6
src/pydase/frontend/asset-manifest.json
View File

@ -1,13 +1,13 @@
{
"files": {
"main.css": "/static/css/main.398bc7f8.css",
"main.js": "/static/js/main.44c6c71b.js",
"main.js": "/static/js/main.95543987.js",
"index.html": "/index.html",
"main.398bc7f8.css.map": "/static/css/main.398bc7f8.css.map",
"main.44c6c71b.js.map": "/static/js/main.44c6c71b.js.map"
"main.95543987.js.map": "/static/js/main.95543987.js.map"
},
"entrypoints": [
"static/css/main.398bc7f8.css",
"static/js/main.44c6c71b.js"
"static/js/main.95543987.js"
]
}

2
src/pydase/frontend/index.html
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.44c6c71b.js"></script><link href="/static/css/main.398bc7f8.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.95543987.js"></script><link href="/static/css/main.398bc7f8.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

3
src/pydase/frontend/static/js/main.44c6c71b.js
View File

File diff suppressed because one or more lines are too long

1
src/pydase/frontend/static/js/main.44c6c71b.js.map
View File

File diff suppressed because one or more lines are too long

3
src/pydase/frontend/static/js/main.95543987.js Normal file
View File

File diff suppressed because one or more lines are too long

0
src/pydase/frontend/static/js/main.44c6c71b.js.LICENSE.txt → src/pydase/frontend/static/js/main.95543987.js.LICENSE.txt
View File

1
src/pydase/frontend/static/js/main.95543987.js.map Normal file
View File

File diff suppressed because one or more lines are too long