jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - fetch plugin check

Browse source
This commit is contained in:
Shekar Siri 2022-11-21 12:21:28 +01:00
parent d6c880b508
commit 70cb76e382
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
View file

@ -23,8 +23,10 @@ interface Props {
issuesList: any[];
performanceChartData: any;
endTime: number;
fetchPresented?: boolean;
}
function OverviewPanel(props: Props) {
const { fetchPresented = false } = props;
const [dataLoaded, setDataLoaded] = React.useState(false);
const [selectedFeatures, setSelectedFeatures] = React.useState([
'PERFORMANCE',
@ -86,7 +88,10 @@ function OverviewPanel(props: Props) {
<BottomBlock.Content>
<OverviewPanelContainer endTime={props.endTime}>
<TimelineScale endTime={props.endTime} />
<div style={{ width: 'calc(100vw - 1rem)', margin: '0 auto', height: '187px' }} className="transition relative">
<div
style={{ width: 'calc(100vw - 1rem)', margin: '0 auto', height: '187px' }}
className="transition relative"
>
<NoContent
show={selectedFeatures.length === 0}
title={
@ -107,7 +112,11 @@ function OverviewPanel(props: Props) {
title={feature}
list={resources[feature]}
renderElement={(pointer: any) => (
<TimelinePointer pointer={pointer} type={feature} />
<TimelinePointer
pointer={pointer}
type={feature}
fetchPresented={fetchPresented}
/>
)}
endTime={props.endTime}
message={HELP_MESSAGE[feature]}
@ -132,6 +141,7 @@ export default connect(
}
)(
connectPlayer((state: any) => ({
fetchPresented: state.fetchList.length > 0,
resourceList: state.resourceList
.filter((r: any) => r.isRed() || r.isYellow())
.concat(state.fetchList.filter((i: any) => parseInt(i.status) >= 400))

3
frontend/app/components/Session_/OverviewPanel/components/TimelinePointer/TimelinePointer.tsx
View file

@ -12,6 +12,7 @@ interface Props {
pointer: any;
type: any;
noClick?: boolean;
fetchPresented?: boolean;
}
const TimelinePointer = React.memo((props: Props) => {
const { showModal } = useModal();
@ -35,7 +36,7 @@ const TimelinePointer = React.memo((props: Props) => {
if (pointer.tp === 'graph_ql') {
showModal(<GraphQLDetailsModal resource={pointer} />, { right: true });
} else {
showModal(<FetchDetails resource={pointer} />, { right: true });
showModal(<FetchDetails resource={pointer} fetchPresented={props.fetchPresented} />, { right: true });
}
}
// props.toggleBottomBlock(type);