extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-03-03 17:41:29 +01: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 {Grid2} from "@mui/material";
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 {useEffect, useState} from "react";
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 hiddenSparkline = <></>;
const visibleSparkline = (

10
ui100/src/ApiConsole.tsx
View File

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

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

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