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

fix(ui): remove old func

Browse source
This commit is contained in:
sylenien 2022-11-28 16:51:56 +01:00
parent 1a377b42da
commit c047ff166a
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/app/components/shared/DevTools/NetworkPanel/NetworkPanel.tsx
View file

@ -168,13 +168,13 @@ function NetworkPanel() {
}, [ showOnlyErrors, list ]) }, [ showOnlyErrors, list ])
filteredList = useRegExListFilterMemo(filteredList, it => it.status, filter) filteredList = useRegExListFilterMemo(filteredList, it => it.status, filter)
filteredList = useRegExListFilterMemo(filteredList, it => it.name, filter) filteredList = useRegExListFilterMemo(filteredList, it => it.name, filter)
filteredList = useRegExListFilterMemo(filteredList, it => it.type, filter) filteredList = useRegExListFilterMemo(filteredList, it => it.type, filter)
filteredList = useTabListFilterMemo(filteredList, it => TYPE_TO_TAB[it.type], ALL, activeTab) filteredList = useTabListFilterMemo(filteredList, it => TYPE_TO_TAB[it.type], ALL, activeTab)
const onTabClick = (activeTab: typeof TAP_KEYS[number]) => devTools.update(INDEX_KEY, { activeTab }) const onTabClick = (activeTab: typeof TAP_KEYS[number]) => devTools.update(INDEX_KEY, { activeTab })
const onFilterChange = ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => devTools.update(INDEX_KEY, { filter: value }) const onFilterChange = ({ target: { value } }: React.ChangeEvent<HTMLInputElement>) => devTools.update(INDEX_KEY, { filter: value })
// AutoScroll // AutoScroll
const autoScrollIndex = fetchListNow.length + resourceListNow.length const autoScrollIndex = fetchListNow.length + resourceListNow.length
const { const {
timeoutStartAutoscroll, timeoutStartAutoscroll,
@ -190,12 +190,12 @@ function NetworkPanel() {
timeoutStartAutoscroll() timeoutStartAutoscroll()
} }
const resourcesSize = useMemo(() => const resourcesSize = useMemo(() =>
resourceList.reduce( resourceList.reduce(
(sum, { decodedBodySize }) => sum + (decodedBodySize || 0), (sum, { decodedBodySize }) => sum + (decodedBodySize || 0),
0, 0,
), [ resourceList.length ]) ), [ resourceList.length ])
const transferredSize = useMemo(() => const transferredSize = useMemo(() =>
resourceList.reduce( resourceList.reduce(
(sum, { headerSize, encodedBodySize }) => (sum, { headerSize, encodedBodySize }) =>
sum + (headerSize || 0) + (encodedBodySize || 0), sum + (headerSize || 0) + (encodedBodySize || 0),
@ -226,12 +226,12 @@ function NetworkPanel() {
setIsDetailsModalActive(true) setIsDetailsModalActive(true)
showModal( showModal(
<FetchDetailsModal resource={item} rows={filteredList} fetchPresented={fetchList.length > 0} />, <FetchDetailsModal resource={item} rows={filteredList} fetchPresented={fetchList.length > 0} />,
{ {
right: true, right: true,
onClose: () => { onClose: () => {
setIsDetailsModalActive(false) setIsDetailsModalActive(false)
timeoutStartAutoscroll() timeoutStartAutoscroll()
} }
} }
) )
devTools.update(INDEX_KEY, { index: filteredList.indexOf(item) }) devTools.update(INDEX_KEY, { index: filteredList.indexOf(item) })
@ -327,7 +327,6 @@ function NetworkPanel() {
sortBy={sortBy} sortBy={sortBy}
sortAscending={sortAscending} sortAscending={sortAscending}
onJump={(row: any) => { onJump={(row: any) => {
setPauseSync(true);
devTools.update(INDEX_KEY, { index: filteredList.indexOf(row) }); devTools.update(INDEX_KEY, { index: filteredList.indexOf(row) });
player.jump(row.time); player.jump(row.time);
}} }}