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

feat(filters) - icons

Browse source
This commit is contained in:
Shekar Siri 2022-01-28 14:31:42 +05:30
parent 52557afaff
commit 76d41b8904
13 changed files with 88 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/app/components/shared/SaveFilterButton/SaveFilterButton.tsx
View file

@ -1,18 +1,19 @@
import React, { useState } from 'react';
import { connect } from 'react-redux';
import { save } from 'Duck/filters';
import { Button } from 'UI';
import { IconButton } from 'UI';
import SaveSearchModal from 'Shared/SaveSearchModal'
interface Props {
filter: any;
}
function SaveFilterButton(props) {
function SaveFilterButton(props: Props) {
const [showModal, setshowModal] = useState(false)
return (
<div>
<Button onClick={() => setshowModal(true)}>SAVE FILTER</Button>
{/* <Button onClick={() => setshowModal(true)}>SAVE FILTER</Button> */}
<IconButton className="mr-2" onClick={() => setshowModal(true)} primaryText label="SAVE SEARCH" icon="zoom-in" />
<SaveSearchModal
show={showModal}
closeHandler={() => setshowModal(false)}

3
frontend/app/components/shared/SessionSearch/SessionSearch.tsx
View file

@ -84,7 +84,8 @@ function SessionSearch(props) {
</div>
<div className="ml-auto flex items-center">
<SaveFilterButton />
<Button plain>SAVE FUNNEL</Button>
{/* <Button plain>SAVE FUNNEL</Button> */}
<IconButton primaryText label="SAVE FUNNEL" icon="filter" />
</div>
</div>
</div>

11
frontend/app/components/shared/SessionSearchField/SessionSearchField.tsx
View file

@ -3,7 +3,8 @@ import { connect } from 'react-redux';
import stl from './SessionSearchField.css';
import { Input } from 'UI';
import FilterModal from 'Shared/Filters/FilterModal';
import { fetchList as fetchEventList } from 'Duck/events';
// import { fetchList as fetchFilterSearch } from 'Duck/events';
import { fetchFilterSearch } from 'Duck/search';
import { debounce } from 'App/utils';
import { edit as editFilter } from 'Duck/search';
import {
@ -13,19 +14,19 @@ import {
interface Props {
setSearchQuery: (query: string) => void;
fetchEventList: (query: any) => void;
fetchFilterSearch: (query: any) => void;
searchQuery: string;
appliedFilter: any;
editFilter: typeof editFilter;
}
function SessionSearchField(props: Props) {
const { appliedFilter } = props;
const debounceFetchEventList = debounce(props.fetchEventList, 1000)
const debounceFetchFilterSearch = debounce(props.fetchFilterSearch, 1000)
const [showModal, setShowModal] = useState(false)
const onSearchChange = (e, { value }) => {
// props.setSearchQuery(value)
debounceFetchEventList({ q: value });
debounceFetchFilterSearch({ q: value });
}
const onAddFilter = (filter) => {
@ -87,4 +88,4 @@ export default connect(state => ({
strict: state.getIn([ 'filters', 'appliedFilter', 'strict' ]),
blink: state.getIn([ 'funnels', 'blink' ]),
appliedFilter: state.getIn(['search', 'instance']),
}), { setSearchQuery, fetchEventList, editFilter })(SessionSearchField);
}), { setSearchQuery, fetchFilterSearch, editFilter })(SessionSearchField);

1
frontend/app/duck/filters.js
View file

@ -16,7 +16,6 @@ import NewFilter, { filtersMap } from 'Types/filter/newFilter';
const filterOptions = {}
Object.keys(filtersMap).forEach(key => {
// const filter = NewFilter(filtersMap[key]);
const filter = filtersMap[key];
if (filterOptions.hasOwnProperty(filter.category)) {
filterOptions[filter.category].push(filter);

12
frontend/app/duck/search.js
View file

@ -17,6 +17,7 @@ const name = "search";
const idKey = "metricId";
const FETCH_LIST = fetchListType(name);
const FETCH_FILTER_SEARCH = fetchListType(`${name}/FILTER_SEARCH`);
const FETCH = fetchType(name);
const SAVE = saveType(name);
const EDIT = editType(name);
@ -39,6 +40,7 @@ const initialState = Map({
alertMetricId: null,
instance: new Filter({ filters: [] }),
savedFilter: new SavedFilter({ filters: [] }),
filterSearchList: List(),
});
// Metric - Series - [] - filters
@ -62,6 +64,8 @@ function reducer(state = initialState, action = {}) {
case success(FETCH_LIST):
const { data } = action;
return state.set("list", List(data.map(NewFilter)));
case success(FETCH_FILTER_SEARCH):
return state.set("filterSearchList", action.data.map(NewFilter));
}
return state;
}
@ -147,4 +151,12 @@ export function setAlertMetricId(id) {
type: SET_ALERT_METRIC_ID,
id,
};
}
export function fetchFilterSearch(params) {
return {
types: FETCH_FILTER_SEARCH.array,
call: client => client.get('/events/search', params),
params,
};
}

13
frontend/app/svg/icons/filters/cpu-load.svg Normal file
View file

@ -0,0 +1,13 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<g clip-path="url(#clip0_113_146)">
<path d="M16 11C16.1326 11 16.2598 11.0527 16.3536 11.1464C16.4473 11.2402 16.5 11.3674 16.5 11.5V13C16.5 13.1326 16.4473 13.2598 16.3536 13.3536C16.2598 13.4473 16.1326 13.5 16 13.5C15.8674 13.5 15.7402 13.4473 15.6464 13.3536C15.5527 13.2598 15.5 13.1326 15.5 13V11.5C15.5 11.3674 15.5527 11.2402 15.6464 11.1464C15.7402 11.0527 15.8674 11 16 11V11ZM11.732 12.732C11.8258 12.6383 11.9529 12.5856 12.0855 12.5856C12.2181 12.5856 12.3452 12.6383 12.439 12.732L13.354 13.646C13.4479 13.7399 13.5006 13.8672 13.5006 14C13.5006 14.1328 13.4479 14.2601 13.354 14.354C13.2601 14.4479 13.1328 14.5006 13 14.5006C12.8672 14.5006 12.7399 14.4479 12.646 14.354L11.732 13.439C11.6383 13.3452 11.5856 13.2181 11.5856 13.0855C11.5856 12.9529 11.6383 12.8258 11.732 12.732V12.732ZM10 17C10 16.8674 10.0527 16.7402 10.1464 16.6464C10.2402 16.5527 10.3674 16.5 10.5 16.5H12.086C12.2186 16.5 12.3458 16.5527 12.4396 16.6464C12.5333 16.7402 12.586 16.8674 12.586 17C12.586 17.1326 12.5333 17.2598 12.4396 17.3536C12.3458 17.4473 12.2186 17.5 12.086 17.5H10.5C10.3674 17.5 10.2402 17.4473 10.1464 17.3536C10.0527 17.2598 10 17.1326 10 17ZM19.5 17C19.5 16.8674 19.5527 16.7402 19.6464 16.6464C19.7402 16.5527 19.8674 16.5 20 16.5H21.5C21.6326 16.5 21.7598 16.5527 21.8536 16.6464C21.9473 16.7402 22 16.8674 22 17C22 17.1326 21.9473 17.2598 21.8536 17.3536C21.7598 17.4473 21.6326 17.5 21.5 17.5H20C19.8674 17.5 19.7402 17.4473 19.6464 17.3536C19.5527 17.2598 19.5 17.1326 19.5 17ZM20.254 12.754C20.1847 12.6851 20.0921 12.6448 19.9944 12.6411C19.8968 12.6374 19.8013 12.6705 19.727 12.734L15.547 16.31C15.4507 16.3924 15.3727 16.4941 15.318 16.6084C15.2633 16.7227 15.233 16.8472 15.2292 16.9739C15.2254 17.1006 15.2481 17.2267 15.2959 17.3441C15.3436 17.4615 15.4153 17.5676 15.5065 17.6557C15.5976 17.7438 15.7062 17.8118 15.8252 17.8555C15.9441 17.8992 16.0709 17.9175 16.1974 17.9094C16.3239 17.9012 16.4473 17.8667 16.5597 17.8081C16.672 17.7495 16.7709 17.6681 16.85 17.569L20.284 13.272C20.3437 13.1972 20.3738 13.103 20.3685 13.0075C20.3631 12.9119 20.3227 12.8216 20.255 12.754H20.254Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6639 24.889C13.6278 24.7136 12.6365 24.3358 11.7464 23.7772C10.8564 23.2186 10.085 22.4902 9.47649 21.6336C8.24747 19.9034 7.75607 17.756 8.1104 15.6635C8.46473 13.5711 9.63576 11.7051 11.3659 10.4761C13.096 9.2471 15.2435 8.7557 17.3359 9.11003C19.4285 9.46436 21.2946 10.6354 22.5237 12.3657C23.7528 14.0959 24.2442 16.2435 23.8899 18.336C23.5356 20.4286 22.3645 22.2947 20.6343 23.5238C18.9041 24.7529 16.7565 25.2444 14.6639 24.89V24.889ZM9.9989 20.606C11.8226 19.5508 13.8929 18.9967 15.9999 19C18.1859 19 20.2359 19.585 22.0009 20.606C22.6388 19.5439 22.9833 18.3314 22.9993 17.0926C23.0153 15.8537 22.7022 14.6328 22.092 13.5545C21.4818 12.4762 20.5963 11.5792 19.526 10.9551C18.4557 10.331 17.2389 10.0021 15.9999 10.0021C14.7609 10.0021 13.5441 10.331 12.4738 10.9551C11.4035 11.5792 10.518 12.4762 9.90781 13.5545C9.29758 14.6328 8.98448 15.8537 9.00048 17.0926C9.01649 18.3314 9.36102 19.5439 9.9989 20.606V20.606Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_113_146">
<rect width="16" height="16" fill="white" transform="translate(8 9)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

5
frontend/app/svg/icons/filters/dom-complete.svg Normal file
View file

@ -0,0 +1,5 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<path d="M23 17.5C23 19.4891 22.2098 21.3968 20.8033 22.8033C19.3968 24.2098 17.4891 25 15.5 25C13.5109 25 11.6032 24.2098 10.1967 22.8033C8.79018 21.3968 8 19.4891 8 17.5C8 15.5109 8.79018 13.6032 10.1967 12.1967C11.6032 10.7902 13.5109 10 15.5 10C17.4891 10 19.3968 10.7902 20.8033 12.1967C22.2098 13.6032 23 15.5109 23 17.5V17.5ZM19.2781 14.6594C19.2112 14.5926 19.1314 14.5401 19.0437 14.5049C18.9559 14.4697 18.862 14.4525 18.7675 14.4544C18.673 14.4564 18.5798 14.4773 18.4936 14.5161C18.4073 14.5548 18.3298 14.6106 18.2656 14.68L15.0097 18.8284L13.0475 16.8653C12.9142 16.7411 12.7379 16.6735 12.5558 16.6767C12.3736 16.6799 12.1998 16.7537 12.071 16.8825C11.9422 17.0114 11.8684 17.1852 11.8651 17.3673C11.8619 17.5495 11.9295 17.7258 12.0537 17.8591L14.5344 20.3406C14.6012 20.4073 14.6808 20.4599 14.7684 20.4952C14.8559 20.5305 14.9497 20.5477 15.0441 20.546C15.1385 20.5442 15.2316 20.5235 15.3178 20.485C15.4041 20.4465 15.4816 20.391 15.5459 20.3219L19.2884 15.6437C19.416 15.5111 19.4865 15.3337 19.4848 15.1496C19.483 14.9656 19.4092 14.7896 19.2791 14.6594H19.2781Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

12
frontend/app/svg/icons/filters/fetch-failed.svg Normal file
View file

@ -0,0 +1,12 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<g clip-path="url(#clip0_113_165)">
<path d="M20 9H12C11.4696 9 10.9609 9.21071 10.5858 9.58579C10.2107 9.96086 10 10.4696 10 11V23C10 23.5304 10.2107 24.0391 10.5858 24.4142C10.9609 24.7893 11.4696 25 12 25H20C20.5304 25 21.0391 24.7893 21.4142 24.4142C21.7893 24.0391 22 23.5304 22 23V11C22 10.4696 21.7893 9.96086 21.4142 9.58579C21.0391 9.21071 20.5304 9 20 9V9ZM14.646 14.646C14.6925 14.5995 14.7477 14.5626 14.8084 14.5375C14.8692 14.5123 14.9343 14.4994 15 14.4994C15.0657 14.4994 15.1308 14.5123 15.1916 14.5375C15.2523 14.5626 15.3075 14.5995 15.354 14.646C15.4005 14.6925 15.4374 14.7477 15.4625 14.8084C15.4877 14.8692 15.5006 14.9343 15.5006 15C15.5006 15.0657 15.4877 15.1308 15.4625 15.1916C15.4374 15.2523 15.4005 15.3075 15.354 15.354L13.707 17L15.354 18.646C15.4479 18.7399 15.5006 18.8672 15.5006 19C15.5006 19.1328 15.4479 19.2601 15.354 19.354C15.2601 19.4479 15.1328 19.5006 15 19.5006C14.8672 19.5006 14.7399 19.4479 14.646 19.354L12.646 17.354C12.5994 17.3076 12.5625 17.2524 12.5373 17.1916C12.5121 17.1309 12.4991 17.0658 12.4991 17C12.4991 16.9342 12.5121 16.8691 12.5373 16.8084C12.5625 16.7476 12.5994 16.6924 12.646 16.646L14.646 14.646V14.646ZM17.354 14.646L19.354 16.646C19.4006 16.6924 19.4375 16.7476 19.4627 16.8084C19.4879 16.8691 19.5009 16.9342 19.5009 17C19.5009 17.0658 19.4879 17.1309 19.4627 17.1916C19.4375 17.2524 19.4006 17.3076 19.354 17.354L17.354 19.354C17.3075 19.4005 17.2523 19.4374 17.1916 19.4625C17.1308 19.4877 17.0657 19.5006 17 19.5006C16.9343 19.5006 16.8692 19.4877 16.8084 19.4625C16.7477 19.4374 16.6925 19.4005 16.646 19.354C16.5995 19.3075 16.5626 19.2523 16.5375 19.1916C16.5123 19.1308 16.4994 19.0657 16.4994 19C16.4994 18.9343 16.5123 18.8692 16.5375 18.8084C16.5626 18.7477 16.5995 18.6925 16.646 18.646L18.293 17L16.646 15.354C16.5521 15.2601 16.4994 15.1328 16.4994 15C16.4994 14.8672 16.5521 14.7399 16.646 14.646C16.7399 14.5521 16.8672 14.4994 17 14.4994C17.1328 14.4994 17.2601 14.5521 17.354 14.646V14.646Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_113_165">
<rect width="16" height="16" fill="white" transform="translate(8 9)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

5
frontend/app/svg/icons/filters/lcpt.svg Normal file
View file

@ -0,0 +1,5 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<path d="M24 17.5C24 19.4891 23.2098 21.3968 21.8033 22.8033C20.3968 24.2098 18.4891 25 16.5 25C14.5109 25 12.6032 24.2098 11.1967 22.8033C9.79018 21.3968 9 19.4891 9 17.5C9 15.5109 9.79018 13.6032 11.1967 12.1967C12.6032 10.7902 14.5109 10 16.5 10C18.4891 10 20.3968 10.7902 21.8033 12.1967C23.2098 13.6032 24 15.5109 24 17.5V17.5ZM16.5 13.2812C16.5 13.1569 16.4506 13.0377 16.3627 12.9498C16.2748 12.8619 16.1556 12.8125 16.0312 12.8125C15.9069 12.8125 15.7877 12.8619 15.6998 12.9498C15.6119 13.0377 15.5625 13.1569 15.5625 13.2812V18.4375C15.5625 18.5201 15.5844 18.6013 15.6259 18.6727C15.6674 18.7442 15.727 18.8034 15.7987 18.8444L19.08 20.7194C19.1877 20.7776 19.3139 20.7913 19.4315 20.7577C19.5492 20.7241 19.6491 20.6458 19.7099 20.5396C19.7706 20.4333 19.7873 20.3075 19.7565 20.189C19.7257 20.0706 19.6498 19.9688 19.545 19.9056L16.5 18.1656V13.2812Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

5
frontend/app/svg/icons/filters/memory-load.svg Normal file
View file

@ -0,0 +1,5 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<path d="M20.7188 10H14.5444C14.1715 10.0003 13.8141 10.1487 13.5506 10.4125L11.2866 12.6747C11.156 12.8053 11.0525 12.9604 10.9818 13.1311C10.9112 13.3018 10.8749 13.4847 10.875 13.6694V23.5938C10.875 23.9667 11.0232 24.3244 11.2869 24.5881C11.5506 24.8518 11.9083 25 12.2813 25H20.7188C21.0917 25 21.4494 24.8518 21.7131 24.5881C21.9768 24.3244 22.125 23.9667 22.125 23.5938V11.4062C22.125 11.0333 21.9768 10.6756 21.7131 10.4119C21.4494 10.1482 21.0917 10 20.7188 10V10ZM14.1563 12.5781C14.3427 12.5781 14.5216 12.6522 14.6534 12.7841C14.7853 12.9159 14.8594 13.0948 14.8594 13.2812V15.1562C14.8594 15.3427 14.7853 15.5216 14.6534 15.6534C14.5216 15.7853 14.3427 15.8594 14.1563 15.8594C13.9698 15.8594 13.7909 15.7853 13.6591 15.6534C13.5272 15.5216 13.4531 15.3427 13.4531 15.1562V13.2812C13.4531 13.0948 13.5272 12.9159 13.6591 12.7841C13.7909 12.6522 13.9698 12.5781 14.1563 12.5781V12.5781ZM16.0312 12.5781C16.2177 12.5781 16.3966 12.6522 16.5284 12.7841C16.6603 12.9159 16.7344 13.0948 16.7344 13.2812V15.1562C16.7344 15.3427 16.6603 15.5216 16.5284 15.6534C16.3966 15.7853 16.2177 15.8594 16.0312 15.8594C15.8448 15.8594 15.6659 15.7853 15.5341 15.6534C15.4022 15.5216 15.3281 15.3427 15.3281 15.1562V13.2812C15.3281 13.0948 15.4022 12.9159 15.5341 12.7841C15.6659 12.6522 15.8448 12.5781 16.0312 12.5781V12.5781ZM18.6094 13.2812V15.1562C18.6094 15.3427 18.5353 15.5216 18.4034 15.6534C18.2716 15.7853 18.0927 15.8594 17.9062 15.8594C17.7198 15.8594 17.5409 15.7853 17.4091 15.6534C17.2772 15.5216 17.2031 15.3427 17.2031 15.1562V13.2812C17.2031 13.0948 17.2772 12.9159 17.4091 12.7841C17.5409 12.6522 17.7198 12.5781 17.9062 12.5781C18.0927 12.5781 18.2716 12.6522 18.4034 12.7841C18.5353 12.9159 18.6094 13.0948 18.6094 13.2812V13.2812ZM19.7812 12.5781C19.9677 12.5781 20.1466 12.6522 20.2784 12.7841C20.4103 12.9159 20.4844 13.0948 20.4844 13.2812V15.1562C20.4844 15.3427 20.4103 15.5216 20.2784 15.6534C20.1466 15.7853 19.9677 15.8594 19.7812 15.8594C19.5948 15.8594 19.4159 15.7853 19.2841 15.6534C19.1522 15.5216 19.0781 15.3427 19.0781 15.1562V13.2812C19.0781 13.0948 19.1522 12.9159 19.2841 12.7841C19.4159 12.6522 19.5948 12.5781 19.7812 12.5781V12.5781Z" fill="black"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

13
frontend/app/svg/icons/filters/ttfb.svg Normal file
View file

@ -0,0 +1,13 @@
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M5 8C5.26522 8 5.51957 7.89464 5.70711 7.70711C5.89464 7.51957 6 7.26522 6 7C6 6.73478 5.89464 6.48043 5.70711 6.29289C5.51957 6.10536 5.26522 6 5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8ZM9 7C9 7.26522 8.89464 7.51957 8.70711 7.70711C8.51957 7.89464 8.26522 8 8 8C7.73478 8 7.48043 7.89464 7.29289 7.70711C7.10536 7.51957 7 7.26522 7 7C7 6.73478 7.10536 6.48043 7.29289 6.29289C7.48043 6.10536 7.73478 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7ZM11 8C11.2652 8 11.5196 7.89464 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73478 11.8946 6.48043 11.7071 6.29289C11.5196 6.10536 11.2652 6 11 6C10.7348 6 10.4804 6.10536 10.2929 6.29289C10.1054 6.48043 10 6.73478 10 7C10 7.26522 10.1054 7.51957 10.2929 7.70711C10.4804 7.89464 10.7348 8 11 8V8Z" fill="black"/>
<g clip-path="url(#clip0_113_129)">
<path d="M14.0938 15.625C13.9694 15.625 13.8502 15.6744 13.7623 15.7623C13.6744 15.8502 13.625 15.9694 13.625 16.0938V18.9062C13.625 19.0306 13.6744 19.1498 13.7623 19.2377C13.8502 19.3256 13.9694 19.375 14.0938 19.375H16.9062C17.0306 19.375 17.1498 19.3256 17.2377 19.2377C17.3256 19.1498 17.375 19.0306 17.375 18.9062V16.0938C17.375 15.9694 17.3256 15.8502 17.2377 15.7623C17.1498 15.6744 17.0306 15.625 16.9062 15.625H14.0938Z" fill="black"/>
<path d="M13.1562 10.4688C13.1562 10.3444 13.1069 10.2252 13.019 10.1373C12.931 10.0494 12.8118 10 12.6875 10C12.5632 10 12.444 10.0494 12.356 10.1373C12.2681 10.2252 12.2188 10.3444 12.2188 10.4688V11.875C11.5971 11.875 11.001 12.1219 10.5615 12.5615C10.1219 13.001 9.875 13.5971 9.875 14.2188H8.46875C8.34443 14.2188 8.2252 14.2681 8.13729 14.356C8.04939 14.444 8 14.5632 8 14.6875C8 14.8118 8.04939 14.931 8.13729 15.019C8.2252 15.1069 8.34443 15.1562 8.46875 15.1562H9.875V16.0938H8.46875C8.34443 16.0938 8.2252 16.1431 8.13729 16.231C8.04939 16.319 8 16.4382 8 16.5625C8 16.6868 8.04939 16.806 8.13729 16.894C8.2252 16.9819 8.34443 17.0312 8.46875 17.0312H9.875V17.9688H8.46875C8.34443 17.9688 8.2252 18.0181 8.13729 18.106C8.04939 18.194 8 18.3132 8 18.4375C8 18.5618 8.04939 18.681 8.13729 18.769C8.2252 18.8569 8.34443 18.9062 8.46875 18.9062H9.875V19.8438H8.46875C8.34443 19.8438 8.2252 19.8931 8.13729 19.981C8.04939 20.069 8 20.1882 8 20.3125C8 20.4368 8.04939 20.556 8.13729 20.644C8.2252 20.7319 8.34443 20.7812 8.46875 20.7812H9.875C9.875 21.4029 10.1219 21.999 10.5615 22.4385C11.001 22.8781 11.5971 23.125 12.2188 23.125V24.5312C12.2188 24.6556 12.2681 24.7748 12.356 24.8627C12.444 24.9506 12.5632 25 12.6875 25C12.8118 25 12.931 24.9506 13.019 24.8627C13.1069 24.7748 13.1562 24.6556 13.1562 24.5312V23.125H14.0938V24.5312C14.0938 24.6556 14.1431 24.7748 14.231 24.8627C14.319 24.9506 14.4382 25 14.5625 25C14.6868 25 14.806 24.9506 14.894 24.8627C14.9819 24.7748 15.0312 24.6556 15.0312 24.5312V23.125H15.9688V24.5312C15.9688 24.6556 16.0181 24.7748 16.106 24.8627C16.194 24.9506 16.3132 25 16.4375 25C16.5618 25 16.681 24.9506 16.769 24.8627C16.8569 24.7748 16.9062 24.6556 16.9062 24.5312V23.125H17.8438V24.5312C17.8438 24.6556 17.8931 24.7748 17.981 24.8627C18.069 24.9506 18.1882 25 18.3125 25C18.4368 25 18.556 24.9506 18.644 24.8627C18.7319 24.7748 18.7812 24.6556 18.7812 24.5312V23.125C19.4029 23.125 19.999 22.8781 20.4385 22.4385C20.8781 21.999 21.125 21.4029 21.125 20.7812H22.5312C22.6556 20.7812 22.7748 20.7319 22.8627 20.644C22.9506 20.556 23 20.4368 23 20.3125C23 20.1882 22.9506 20.069 22.8627 19.981C22.7748 19.8931 22.6556 19.8438 22.5312 19.8438H21.125V18.9062H22.5312C22.6556 18.9062 22.7748 18.8569 22.8627 18.769C22.9506 18.681 23 18.5618 23 18.4375C23 18.3132 22.9506 18.194 22.8627 18.106C22.7748 18.0181 22.6556 17.9688 22.5312 17.9688H21.125V17.0312H22.5312C22.6556 17.0312 22.7748 16.9819 22.8627 16.894C22.9506 16.806 23 16.6868 23 16.5625C23 16.4382 22.9506 16.319 22.8627 16.231C22.7748 16.1431 22.6556 16.0938 22.5312 16.0938H21.125V15.1562H22.5312C22.6556 15.1562 22.7748 15.1069 22.8627 15.019C22.9506 14.931 23 14.8118 23 14.6875C23 14.5632 22.9506 14.444 22.8627 14.356C22.7748 14.2681 22.6556 14.2188 22.5312 14.2188H21.125C21.125 13.5971 20.8781 13.001 20.4385 12.5615C19.999 12.1219 19.4029 11.875 18.7812 11.875V10.4688C18.7812 10.3444 18.7319 10.2252 18.644 10.1373C18.556 10.0494 18.4368 10 18.3125 10C18.1882 10 18.069 10.0494 17.981 10.1373C17.8931 10.2252 17.8438 10.3444 17.8438 10.4688V11.875H16.9062V10.4688C16.9062 10.3444 16.8569 10.2252 16.769 10.1373C16.681 10.0494 16.5618 10 16.4375 10C16.3132 10 16.194 10.0494 16.106 10.1373C16.0181 10.2252 15.9688 10.3444 15.9688 10.4688V11.875H15.0312V10.4688C15.0312 10.3444 14.9819 10.2252 14.894 10.1373C14.806 10.0494 14.6868 10 14.5625 10C14.4382 10 14.319 10.0494 14.231 10.1373C14.1431 10.2252 14.0938 10.3444 14.0938 10.4688V11.875H13.1562V10.4688ZM14.0938 14.6875H16.9062C17.2792 14.6875 17.6369 14.8357 17.9006 15.0994C18.1643 15.3631 18.3125 15.7208 18.3125 16.0938V18.9062C18.3125 19.2792 18.1643 19.6369 17.9006 19.9006C17.6369 20.1643 17.2792 20.3125 16.9062 20.3125H14.0938C13.7208 20.3125 13.3631 20.1643 13.0994 19.9006C12.8357 19.6369 12.6875 19.2792 12.6875 18.9062V16.0938C12.6875 15.7208 12.8357 15.3631 13.0994 15.0994C13.3631 14.8357 13.7208 14.6875 14.0938 14.6875V14.6875Z" fill="black"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 3.17157C1.92172 2.42143 2.93913 2 4 2H28C29.0609 2 30.0783 2.42143 30.8284 3.17157C31.5786 3.92172 32 4.93913 32 6V26C32 27.0609 31.5786 28.0783 30.8284 28.8284C30.0783 29.5786 29.0609 30 28 30H4C2.93913 30 1.92172 29.5786 1.17157 28.8284C0.421427 28.0783 0 27.0609 0 26V6C0 4.93913 0.421427 3.92172 1.17157 3.17157ZM30 9V6C30 5.46957 29.7893 4.96086 29.4142 4.58579C29.0391 4.21071 28.5304 4 28 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V9V10V12V13V26C2 26.5304 2.21071 27.0391 2.58579 27.4142C2.96086 27.7893 3.46957 28 4 28H28C28.5304 28 29.0391 27.7893 29.4142 27.4142C29.7893 27.0391 30 26.5304 30 26V13V12V10V9Z" fill="black"/>
<defs>
<clipPath id="clip0_113_129">
<rect width="15" height="15" fill="white" transform="translate(8 10)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.1 KiB

5
frontend/app/svg/icons/zoom-in.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-zoom-in" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
<path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
<path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 510 B

12
frontend/app/types/filter/newFilter.js
View file

@ -181,13 +181,13 @@ export const filtersMap = {
[FilterKey.USERANONYMOUSID]: { key: FilterKey.USERANONYMOUSID, type: FilterType.MULTIPLE, category: FilterCategory.USER, label: 'UserAnonymousId', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/userid' },
// PERFORMANCE
[FilterKey.DOM_COMPLETE]: { key: FilterKey.DOM_COMPLETE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'DOM Complete', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/click', isEvent: true, hasSource: true, sourceOperator: '=', sourceType: FilterType.NUMBER },
[FilterKey.LARGEST_CONTENTFUL_PAINT_TIME]: { key: FilterKey.LARGEST_CONTENTFUL_PAINT_TIME, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Largest Contentful Paint Time', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/click', isEvent: true },
[FilterKey.DOM_COMPLETE]: { key: FilterKey.DOM_COMPLETE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'DOM Complete', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/dom-complete', isEvent: true, hasSource: true, sourceOperator: '=', sourceType: FilterType.NUMBER },
[FilterKey.LARGEST_CONTENTFUL_PAINT_TIME]: { key: FilterKey.LARGEST_CONTENTFUL_PAINT_TIME, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Largest Contentful Paint Time', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/lcpt', isEvent: true },
// [FilterKey.TIME_BETWEEN_EVENTS]: { key: FilterKey.TIME_BETWEEN_EVENTS, type: FilterType.NUMBER, category: FilterCategory.PERFORMANCE, label: 'Time Between Events', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/click' },
[FilterKey.TTFB]: { key: FilterKey.TTFB, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Time to First Byte', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/click', isEvent: true },
[FilterKey.AVG_CPU_LOAD]: { key: FilterKey.AVG_CPU_LOAD, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Avg CPU Load', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/click', isEvent: true },
[FilterKey.AVG_MEMORY_USAGE]: { key: FilterKey.AVG_MEMORY_USAGE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Avg Memory Usage', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/click', isEvent: true },
[FilterKey.FETCH_FAILED]: { key: FilterKey.AVG_MEMORY_USAGE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Fetch Failed', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/click', isEvent: true },
[FilterKey.TTFB]: { key: FilterKey.TTFB, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Time to First Byte', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/ttfb', isEvent: true },
[FilterKey.AVG_CPU_LOAD]: { key: FilterKey.AVG_CPU_LOAD, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Avg CPU Load', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/cpu-load', isEvent: true },
[FilterKey.AVG_MEMORY_USAGE]: { key: FilterKey.AVG_MEMORY_USAGE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Avg Memory Usage', operator: 'is', operatorOptions: filterOptions.stringOperators, sourceOperatorOptions: filterOptions.customOperators, source: [], icon: 'filters/memory-load', isEvent: true },
[FilterKey.FETCH_FAILED]: { key: FilterKey.AVG_MEMORY_USAGE, type: FilterType.MULTIPLE, category: FilterCategory.PERFORMANCE, label: 'Fetch Failed', operator: 'is', operatorOptions: filterOptions.stringOperators, icon: 'filters/fetch-failed', isEvent: true },
[FilterKey.ISSUE]: { key: FilterKey.ISSUE, type: FilterType.ISSUE, category: FilterCategory.JAVASCRIPT, label: 'Issue', operator: 'is', operatorOptions: filterOptions.baseOperators, icon: 'filters/click', options: ISSUE_OPTIONS },
}