github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-07-04 11:58:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

warning cleaning from console (#1187)

Browse Source 
* warning cleaning from console

* code cleaning
This commit is contained in:
AmitUp9 2022-07-06 13:13:04 +03:00 committed by GitHub
parent 38c05a6634
commit 274fbeb34a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui-common/src/components/modals/ServiceMapModal/ServiceMapModal.module.sass
View File

@ -74,6 +74,7 @@ $modalMargin-from-edge : 35px
width: -moz-available width: -moz-available
width: -webkit-fill-available width: -webkit-fill-available
width: fill-available width: fill-available
width: strech
max-width: 200px max-width: 200px
box-shadow: 0px 1px 5px #979797 box-shadow: 0px 1px 5px #979797
margin-left: 10px margin-left: 10px

2
ui-common/src/components/modals/TrafficStatsModal/TimelineBarChart/TimelineBarChart.tsx
View File

@ -1,5 +1,4 @@
import styles from "./TimelineBarChart.module.sass"; import styles from "./TimelineBarChart.module.sass";
import { ALL_PROTOCOLS, StatsMode } from "../TrafficStatsModal"
import React, { useEffect, useMemo, useState } from "react"; import React, { useEffect, useMemo, useState } from "react";
import { import {
BarChart, BarChart,
@ -9,6 +8,7 @@ import {
Tooltip, Tooltip,
} from "recharts"; } from "recharts";
import { Utils } from "../../../../helpers/Utils"; import { Utils } from "../../../../helpers/Utils";
import { ALL_PROTOCOLS, StatsMode } from "../consts";
interface TimelineBarChartProps { interface TimelineBarChartProps {
timeLineBarChartMode: string; timeLineBarChartMode: string;

2
ui-common/src/components/modals/TrafficStatsModal/TrafficPieChart/TrafficPieChart.tsx
View File

@ -1,7 +1,7 @@
import React, { useEffect, useMemo, useState } from "react"; import React, { useEffect, useMemo, useState } from "react";
import { Cell, Legend, Pie, PieChart, Tooltip } from "recharts"; import { Cell, Legend, Pie, PieChart, Tooltip } from "recharts";
import { Utils } from "../../../../helpers/Utils"; import { Utils } from "../../../../helpers/Utils";
import { ALL_PROTOCOLS, StatsMode as PieChartMode } from "../TrafficStatsModal" import { ALL_PROTOCOLS ,StatsMode as PieChartMode } from "../consts"
const RADIAN = Math.PI / 180; const RADIAN = Math.PI / 180;
const renderCustomizedLabel = ({ const renderCustomizedLabel = ({

8
ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx
View File

@ -7,6 +7,7 @@ import { TimelineBarChart } from "./TimelineBarChart/TimelineBarChart";
import refreshIcon from "assets/refresh.svg"; import refreshIcon from "assets/refresh.svg";
import { useCommonStyles } from "../../../helpers/commonStyle"; import { useCommonStyles } from "../../../helpers/commonStyle";
import { LoadingWrapper } from "../../UI/withLoading/withLoading"; import { LoadingWrapper } from "../../UI/withLoading/withLoading";
import { ALL_PROTOCOLS, StatsMode } from "./consts";
const modalStyle = { const modalStyle = {
position: 'absolute', position: 'absolute',
@ -22,19 +23,12 @@ const modalStyle = {
color: '#000', color: '#000',
}; };
export enum StatsMode {
REQUESTS = "entriesCount",
VOLUME = "volumeSizeBytes"
}
interface TrafficStatsModalProps { interface TrafficStatsModalProps {
isOpen: boolean; isOpen: boolean;
onClose: () => void; onClose: () => void;
getTrafficStatsDataApi: () => Promise<any> getTrafficStatsDataApi: () => Promise<any>
} }
export const ALL_PROTOCOLS = "ALL";
export const TrafficStatsModal: React.FC<TrafficStatsModalProps> = ({ isOpen, onClose, getTrafficStatsDataApi }) => { export const TrafficStatsModal: React.FC<TrafficStatsModalProps> = ({ isOpen, onClose, getTrafficStatsDataApi }) => {
const modes = Object.keys(StatsMode).filter(x => !(parseInt(x) >= 0)); const modes = Object.keys(StatsMode).filter(x => !(parseInt(x) >= 0));

5
ui-common/src/components/modals/TrafficStatsModal/consts.ts Normal file
View File

@ -0,0 +1,5 @@
export const ALL_PROTOCOLS = "ALL";
export enum StatsMode {
REQUESTS = "entriesCount",
VOLUME = "volumeSizeBytes"
}

3
ui-common/src/index.tsx
View File

@ -7,6 +7,5 @@ import { ServiceMapModal } from './components/modals/ServiceMapModal/ServiceMapM
import { TrafficStatsModal } from './components/modals/TrafficStatsModal/TrafficStatsModal'; import { TrafficStatsModal } from './components/modals/TrafficStatsModal/TrafficStatsModal';
export { CodeEditorWrap as QueryForm } from './components/Filters/Filters'; export { CodeEditorWrap as QueryForm } from './components/Filters/Filters';
export { UI, StatusBar, OasModal, ServiceMapModal, TrafficStatsModal } export { UI, StatusBar, OasModal, ServiceMapModal, TrafficStatsModal, TrafficViewer }
export { useWS, DEFAULT_LEFTOFF } export { useWS, DEFAULT_LEFTOFF }
export default TrafficViewer;

2
ui/src/components/Pages/TrafficPage/TrafficPage.tsx
View File

@ -5,7 +5,7 @@ import debounce from 'lodash/debounce';
import { useRecoilState } from "recoil"; import { useRecoilState } from "recoil";
import { useCommonStyles } from "../../../helpers/commonStyle" import { useCommonStyles } from "../../../helpers/commonStyle"
import serviceMapModalOpenAtom from "../../../recoil/serviceMapModalOpen"; import serviceMapModalOpenAtom from "../../../recoil/serviceMapModalOpen";
import TrafficViewer from "@up9/mizu-common" import { TrafficViewer } from "@up9/mizu-common"
import "@up9/mizu-common/dist/index.css" import "@up9/mizu-common/dist/index.css"
import oasModalOpenAtom from "../../../recoil/oasModalOpen/atom"; import oasModalOpenAtom from "../../../recoil/oasModalOpen/atom";
import serviceMap from "../../assets/serviceMap.svg"; import serviceMap from "../../assets/serviceMap.svg";