extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-24 19:51:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

store naming lint (#809)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-18 14:55:17 -05:00
parent 2f3fa58b21
commit 7428b8afd6
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui100/src/AccountNode.tsx
View File

@ -1,13 +1,13 @@
import {Handle, Position} from "@xyflow/react"; import {Handle, Position} from "@xyflow/react";
import {Grid2} from "@mui/material"; import {Grid2} from "@mui/material";
import AccountIcon from "@mui/icons-material/Person4"; import AccountIcon from "@mui/icons-material/Person4";
import useMetricsStore from "./model/store.ts"; import useStore from "./model/store.ts";
import {SparkLineChart} from "@mui/x-charts"; import {SparkLineChart} from "@mui/x-charts";
import {useEffect, useState} from "react"; import {useEffect, useState} from "react";
const AccountNode = ({ data }) => { const AccountNode = ({ data }) => {
const environmentMetrics = useMetricsStore((state) => state.environments); const environmentMetrics = useStore((state) => state.environments);
const [sparkData, setSparkData] = useState<number[]>(Array<number>(31).fill(0)); const [sparkData, setSparkData] = useState<number[]>(Array<number>(31).fill(0));
const hiddenSparkline = <></>; const hiddenSparkline = <></>;
const visibleSparkline = ( const visibleSparkline = (

10
ui100/src/ApiConsole.tsx
View File

@ -10,7 +10,7 @@ import AccountPanel from "./AccountPanel.tsx";
import EnvironmentPanel from "./EnvironmentPanel.tsx"; import EnvironmentPanel from "./EnvironmentPanel.tsx";
import SharePanel from "./SharePanel.tsx"; import SharePanel from "./SharePanel.tsx";
import AccessPanel from "./AccessPanel.tsx"; import AccessPanel from "./AccessPanel.tsx";
import useMetricsStore from "./model/store.ts"; import useStore from "./model/store.ts";
interface ApiConsoleProps { interface ApiConsoleProps {
user: User; user: User;
@ -18,12 +18,12 @@ interface ApiConsoleProps {
} }
const ApiConsole = ({ user, logout }: ApiConsoleProps) => { const ApiConsole = ({ user, logout }: ApiConsoleProps) => {
const overview = useMetricsStore((state) => state.overview); const overview = useStore((state) => state.overview);
const updateOverview = useMetricsStore((state) => state.updateOverview); const updateOverview = useStore((state) => state.updateOverview);
const oldVov = useRef<VisualOverview>(overview); const oldVov = useRef<VisualOverview>(overview);
const [selectedNode, setSelectedNode] = useState(null as Node); const [selectedNode, setSelectedNode] = useState(null as Node);
const [sidePanel, setSidePanel] = useState(<></>); const [sidePanel, setSidePanel] = useState(<></>);
const updateEnvironments = useMetricsStore((state) => state.updateEnvironments); const updateEnvironments = useStore((state) => state.updateEnvironments);
const retrieveOverview = () => { const retrieveOverview = () => {
let cfg = new Configuration({ let cfg = new Configuration({
@ -36,7 +36,7 @@ const ApiConsole = ({ user, logout }: ApiConsoleProps) => {
.then(d => { .then(d => {
let newVov = mergeVisualOverview(oldVov.current, user, d.accountLimited!, d); let newVov = mergeVisualOverview(oldVov.current, user, d.accountLimited!, d);
if(!nodesEqual(oldVov.current.nodes, newVov.nodes)) { if(!nodesEqual(oldVov.current.nodes, newVov.nodes)) {
console.log("refreshed vov", oldVov.nodes, newVov.nodes); console.log("refreshed vov", oldVov.current.nodes, newVov.nodes);
updateOverview(newVov); updateOverview(newVov);
oldVov.current = newVov; oldVov.current = newVov;
} }

12
ui100/src/model/store.ts
View File

@ -2,21 +2,21 @@ import {create} from "zustand";
import {Environment} from "../api"; import {Environment} from "../api";
import {VisualOverview} from "./visualizer.ts"; import {VisualOverview} from "./visualizer.ts";
type MetricsStoreState = { type StoreState = {
overview: VisualOverview; overview: VisualOverview;
environments: Array<Environment>; environments: Array<Environment>;
}; };
type MetricsStoreAction = { type StoreAction = {
updateOverview: (vov: MetricsStoreState['overview']) => void, updateOverview: (vov: StoreState['overview']) => void,
updateEnvironments: (environments: MetricsStoreState['environments']) => void updateEnvironments: (environments: StoreState['environments']) => void
}; };
const useMetricsStore = create<MetricsStoreState & MetricsStoreAction>((set) => ({ const useStore = create<StoreState & StoreAction>((set) => ({
overview: new VisualOverview(), overview: new VisualOverview(),
environments: new Array<Environment>(), environments: new Array<Environment>(),
updateOverview: (vov) => set({overview: vov}), updateOverview: (vov) => set({overview: vov}),
updateEnvironments: (environments) => set({environments: environments}), updateEnvironments: (environments) => set({environments: environments}),
})); }));
export default useMetricsStore; export default useStore;