In Dashboard Netzwerk-Informationen von neue Redux Slice holen systemSettings und opcuaSettings Slices
This commit is contained in:
@@ -6,23 +6,29 @@ import { RootState } from "../../../redux/store";
|
||||
const NetworkInfo: React.FC = () => {
|
||||
// Werte direkt aus Redux holen
|
||||
const ip =
|
||||
useSelector((state: RootState) => state.variables.ip) || "Unbekannt";
|
||||
useSelector((state: RootState) => state.systemSettings.ip) || "Unbekannt";
|
||||
const subnet =
|
||||
useSelector((state: RootState) => state.variables.subnet) || "Unbekannt";
|
||||
useSelector((state: RootState) => state.systemSettings.subnet) ||
|
||||
"Unbekannt";
|
||||
const gateway =
|
||||
useSelector((state: RootState) => state.variables.gateway) || "Unbekannt";
|
||||
useSelector((state: RootState) => state.systemSettings.gateway) ||
|
||||
"Unbekannt";
|
||||
const opcUaZustand =
|
||||
useSelector((state: RootState) => state.variables.opcUaZustand) ||
|
||||
useSelector((state: RootState) => state.opcuaSettings.opcUaZustand) ||
|
||||
"Unbekannt";
|
||||
const opcUaNodesetName =
|
||||
useSelector((state: RootState) => state.variables.opcUaNodesetName) ||
|
||||
useSelector((state: RootState) => state.opcuaSettings.opcUaNodesetName) ||
|
||||
"Unbekannt";
|
||||
|
||||
return (
|
||||
<div className="w-full flex-direction: row flex">
|
||||
<div className=" flex-grow flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75 2xl:scale-y-75">
|
||||
<div className="flex items-center space-x-4">
|
||||
<img src="/images/IP-icon.svg" alt="IP Address" className="w-6" />
|
||||
<img
|
||||
src="/images/IP-icon.svg"
|
||||
alt="IP Address"
|
||||
className="w-6 text-littwin-blue"
|
||||
/>
|
||||
<div>
|
||||
<p className="text-xs text-gray-500">IP-Adresse</p>
|
||||
<p className="text-sm font-medium text-gray-700">{ip}</p>
|
||||
@@ -50,7 +56,7 @@ const NetworkInfo: React.FC = () => {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center space-x-4">
|
||||
<div className="text-xs font-bold text-blue-600">OPC-UA</div>
|
||||
<div className="text-xs font-bold text-littwin-blue">OPC-UA</div>
|
||||
<div>
|
||||
<p className="text-xs text-gray-500">Status</p>
|
||||
<p className="text-sm font-medium text-gray-700">{opcUaZustand}</p>
|
||||
|
||||
@@ -6,5 +6,5 @@
|
||||
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
||||
|
||||
*/
|
||||
const webVersion = "1.6.101";
|
||||
const webVersion = "1.6.102";
|
||||
export default webVersion;
|
||||
|
||||
Reference in New Issue
Block a user