Kiu/VictoriaMetrics
Kiu/VictoriaMetrics
1
0
Fork 0
mirror of https://github.com/VictoriaMetrics/VictoriaMetrics.git synced 2024-11-23 12:31:07 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

fix: change get display type (#2553)

Browse Source
This commit is contained in:
Yury Molodov 2022-05-16 10:44:13 +03:00 committed by GitHub
parent ff74472621
commit 4e6b483ef1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/vmui/packages/vmui/src/components/CustomPanel/Configurator/DisplayTypeSwitch.tsx
View File

@ -9,10 +9,10 @@ import {SyntheticEvent} from "react";
export type DisplayType = "table" | "chart" | "code";
const tabs = [
{value: "chart", icon: <ShowChartIcon/>, label: "Graph"},
export const displayTypeTabs = [
{value: "chart", icon: <ShowChartIcon/>, label: "Graph", prometheusCode: 0},
{value: "code", icon: <CodeIcon/>, label: "JSON"},
{value: "table", icon: <TableChartIcon/>, label: "Table"}
{value: "table", icon: <TableChartIcon/>, label: "Table", prometheusCode: 1}
];
export const DisplayTypeSwitch: FC = () => {
@ -29,7 +29,7 @@ export const DisplayTypeSwitch: FC = () => {
onChange={handleChange}
sx={{minHeight: "0", marginBottom: "-1px"}}
>
{tabs.map(t =>
{displayTypeTabs.map(t =>
<Tab key={t.value}
icon={t.icon}
iconPosition="start"
@ -37,4 +37,4 @@ export const DisplayTypeSwitch: FC = () => {
sx={{minHeight: "41px"}}
/>)}
</Tabs>;
};
};

6
app/vmui/packages/vmui/src/state/common/reducer.ts
View File

@ -1,5 +1,5 @@
/* eslint max-lines: 0 */
import {DisplayType} from "../../components/CustomPanel/Configurator/DisplayTypeSwitch";
import {DisplayType, displayTypeTabs} from "../../components/CustomPanel/Configurator/DisplayTypeSwitch";
import {TimeParams, TimePeriod} from "../../types";
import {
dateFromSeconds,
@ -62,10 +62,12 @@ const {duration, endInput, relativeTimeId} = getRelativeTime({
defaultEndInput: new Date(formatDateToLocal(getQueryStringValue("g0.end_input", getDateNowUTC()) as Date)),
});
const query = getQueryArray();
const queryTab = getQueryStringValue("g0.tab", 0);
const displayType = displayTypeTabs.find(t => t.prometheusCode === queryTab || t.value === queryTab);
export const initialState: AppState = {
serverUrl: getDefaultServer(),
displayType: getQueryStringValue("g0.tab", "chart") as DisplayType || "chart",
displayType: (displayType?.value || "chart") as DisplayType,
query: query, // demo_memory_usage_bytes
queryHistory: query.map(q => ({index: 0, values: [q]})),
time: {