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

ui: fix assist filter list

Browse source
This commit is contained in:
nick-delirium 2025-01-27 16:47:38 +01:00
parent b4d2e685de
commit ab84a872db
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
4 changed files with 21 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
View file

@ -134,7 +134,7 @@ export const getMatchingEntries = (
};
interface Props {
isLive: boolean;
isLive?: boolean;
conditionalFilters: any;
mobileConditionalFilters: any;
onFilterClick?: (filter: any) => void;

4
frontend/app/components/shared/Filters/FilterSelection/FilterSelection.tsx
View file

@ -19,6 +19,7 @@ interface Props {
isConditional?: boolean;
isMobile?: boolean;
mode: 'filters' | 'events';
isLive?: boolean;
}
function FilterSelection(props: Props) {
@ -33,6 +34,7 @@ function FilterSelection(props: Props) {
isConditional,
isMobile,
mode,
isLive,
} = props;
const [showModal, setShowModal] = useState(false);
@ -84,7 +86,7 @@ function FilterSelection(props: Props) {
{showModal && (
<div className="absolute mt-2 left-0 rounded-2xl shadow-lg bg-white z-50">
<FilterModal
isLive={isRoute(ASSIST_ROUTE, window.location.pathname)}
isLive={isRoute(ASSIST_ROUTE, window.location.pathname) || isLive}
onFilterClick={onAddFilter}
excludeFilterKeys={excludeFilterKeys}
allowedFilterKeys={allowedFilterKeys}

1
frontend/app/components/shared/LiveSessionSearch/LiveSessionSearch.tsx
View file

@ -44,6 +44,7 @@ function LiveSessionSearch() {
onRemoveFilter={onRemoveFilter}
onChangeEventsOrder={onChangeEventsOrder}
saveRequestPayloads={saveRequestPayloads}
isLive
/>
);
}

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

@ -920,15 +920,28 @@ const mapFilters = (list) => {
};
const liveFilterSupportedOperators = ['is', 'contains'];
const liveFilterKeys = [
FilterKey.METADATA,
FilterKey.USERID,
FilterKey.USER_COUNTRY,
FilterKey.USER_CITY,
FilterKey.USER_STATE,
FilterKey.USERANONYMOUSID,
FilterKey.USER_BROWSER,
FilterKey.USER_OS,
FilterKey.USER_DEVICE,
FilterKey.PLATFORM,
FilterKey.UTM_MEDIUM,
FilterKey.UTM_SOURCE,
FilterKey.UTM_CAMPAIGN,
]
const mapLiveFilters = (list) => {
const obj = {};
list.forEach(filter => {
if (
filter.category !== FilterCategory.EVENTS &&
filter.category !== FilterCategory.DEVTOOLS &&
filter.key !== FilterKey.DURATION &&
filter.key !== FilterKey.REFERRER &&
filter.key !== FilterKey.TAGGED_ELEMENT
liveFilterKeys.includes(filter.key)
) {
obj[filter.key] = { ...filter };
obj[filter.key].operatorOptions = filter.operatorOptions.filter(operator => liveFilterSupportedOperators.includes(operator.value));