github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-24 07:14:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleaning

Browse Source
This commit is contained in:
Liraz Yehezkel 2021-04-27 15:05:01 +03:00
parent 0e0b51b42c
commit ef5b68a0c5
5 changed files with 5 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/CollapsibleContainer.tsx
View File

@ -28,7 +28,7 @@ const CollapsibleContainer: React.FC<Props> = ({title, children, isExpanded, onC
onClick={(e) => { onClick={(e) => {
if (onClick) { if (onClick) {
onClick(e) onClick(e)
if (passiveOnClick != true) if (passiveOnClick !== true)
return; return;
} }
_setExpanded(!_isExpanded) _setExpanded(!_isExpanded)

6
ui/src/components/HarEntriesList.tsx
View File

@ -19,13 +19,7 @@ export const HarEntriesList: React.FC<HarEntriesListProps> = ({entries, focusedE
} }
}, [entriesDiv, totalCount]) }, [entriesDiv, totalCount])
// Reverse entries for displaying in ascending order
// const entries = harStore.data.currentPagedResults.value.slice();
return <> return <>
{/*{!isKafka && harStore.data.latestErrorType === ErrorType.TIMEOUT && <div>Timed out - many entries. Try to remove filters and try again</div>}*/}
{/*{!isKafka && harStore.data.latestErrorType === ErrorType.GENERAL && <div>Error getting entries</div>}*/}
{/*{!isKafka && harStore.data.isInitialized && harStore.data.fetchedCount === 0 && <div>No entries found</div>}*/}
{/*{isKafka && selectedModelStore.kafka.sampleMessages.isLoading && <LoadingOverlay delay={0}/>}*/}
<div ref={entriesDiv} className={styles.list}> <div ref={entriesDiv} className={styles.list}>
{entries?.map(entry => <HarEntry key={entry.id} {entries?.map(entry => <HarEntry key={entry.id}
entry={entry} entry={entry}

6
ui/src/components/HarEntry.tsx
View File

@ -23,9 +23,7 @@ interface HAREntryProps {
export const HarEntry: React.FC<HAREntryProps> = ({entry, setFocusedEntryId, isSelected}) => { export const HarEntry: React.FC<HAREntryProps> = ({entry, setFocusedEntryId, isSelected}) => {
return <> return <>
<div <div className={`${styles.row} ${isSelected ? styles.rowSelected : ''}`} onClick={() => setFocusedEntryId(entry.id)}>
className={`${styles.row} ${isSelected ? styles.rowSelected : ''}`} onClick={() => setFocusedEntryId(entry.id)}
>
{entry.statusCode && <div> {entry.statusCode && <div>
<StatusCode statusCode={entry.statusCode}/> <StatusCode statusCode={entry.statusCode}/>
</div>} </div>}
@ -35,9 +33,7 @@ export const HarEntry: React.FC<HAREntryProps> = ({entry, setFocusedEntryId, isS
{entry.service} {entry.service}
</div> </div>
</div> </div>
<div className={styles.timestamp}>{new Date(+entry.timestamp*1000)?.toLocaleString()}</div> <div className={styles.timestamp}>{new Date(+entry.timestamp*1000)?.toLocaleString()}</div>
</div> </div>
</> </>
}; };

8
ui/src/components/HarEntryDetailed.tsx
View File

@ -28,7 +28,7 @@ const HarEntryTitle: React.FC<any> = ({har}) => {
const {log: {entries}} = har; const {log: {entries}} = har;
const {response, request, timings: {receive}} = entries[0]; const {response, request, timings: {receive}} = entries[0];
const {method, url, postData} = request; const {method, url} = request;
const {status, statusText, bodySize} = response; const {status, statusText, bodySize} = response;
@ -47,8 +47,6 @@ const HarEntryTitle: React.FC<any> = ({har}) => {
export const HAREntryDetailed: React.FC<HarEntryDetailedProps> = ({classes, harEntry}) => { export const HAREntryDetailed: React.FC<HarEntryDetailedProps> = ({classes, harEntry}) => {
const har = singleEntryToHAR(harEntry); const har = singleEntryToHAR(harEntry);
// const contractVirtualizationStore = useContractVirtualizationStore();
// const contractVirtualizationDemoEnabled = useFeature('contractVirtualizationDemo');
return <> return <>
{har && <HarEntryTitle har={har}/>} {har && <HarEntryTitle har={har}/>}
@ -56,11 +54,7 @@ export const HAREntryDetailed: React.FC<HarEntryDetailedProps> = ({classes, harE
{har && <HAREntryViewer {har && <HAREntryViewer
harObject={har} harObject={har}
className={classes?.root ?? styles.har} className={classes?.root ?? styles.har}
// isResponseMocked={contractVirtualizationDemoEnabled && contractVirtualizationStore.virtualServices.value.indexOf(har?.log?.entries[0]?.service) > -1}
// showTitle={!extendedTitle}
/>} />}
{/*{(harEntry?.isLoading) && <LoadingIndicator className={styles.loader}/>}*/}
{/*{(harEntry?.isError) && <div>Error loading HAR entry</div>}*/}
</> </>
</> </>
}; };

7
ui/src/components/HarEntryViewer/HAREntryViewer.tsx
View File

@ -3,16 +3,13 @@ import styles from './HAREntryViewer.module.sass';
import Tabs from "../Tabs"; import Tabs from "../Tabs";
import {HAREntryTableSection, HAREntryBodySection} from "./HAREntrySections"; import {HAREntryTableSection, HAREntryBodySection} from "./HAREntrySections";
import useToggle from "../../hooks/use-toggle"; import useToggle from "../../hooks/use-toggle";
import {formatSize} from "../utils";
const CONTENT_TYPE_KEY = 'content-type';
const MIME_TYPE_KEY = 'mimeType'; const MIME_TYPE_KEY = 'mimeType';
const HAREntryDisplay: React.FC<any> = ({entry, isCollapsed: initialIsCollapsed, isResponseMocked, showTitle}) => { const HAREntryDisplay: React.FC<any> = ({entry, isCollapsed: initialIsCollapsed, isResponseMocked}) => {
const {request, response, timings: {receive}} = entry; const {request, response, timings: {receive}} = entry;
const {method, url, postData} = request; const { url, postData} = request;
const {status, statusText, bodySize} = response;
const TABS = [ const TABS = [
{tab: 'request'}, {tab: 'request'},