diff --git a/.changeset/social-stars-take.md b/.changeset/social-stars-take.md new file mode 100644 index 000000000..8bddd768b --- /dev/null +++ b/.changeset/social-stars-take.md @@ -0,0 +1,5 @@ +--- +'@reservoir0x/relay-kit-ui': patch +--- + +Add context to CURRENCY_STEP_CHAIN_FILTER event diff --git a/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx b/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx index ce465ce71..bdfabb24f 100644 --- a/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx +++ b/packages/ui/src/components/common/TokenSelector/ChainFilterSidebar.tsx @@ -28,6 +28,7 @@ type ChainFilterSidebarProps = { onInputRef?: (element: HTMLInputElement | null) => void tokenSearchInputRef?: HTMLInputElement | null popularChainIds?: number[] + context: 'from' | 'to' } const fuseSearchOptions = { @@ -45,7 +46,8 @@ export const ChainFilterSidebar: FC = ({ onAnalyticEvent, onInputRef, tokenSearchInputRef, - popularChainIds + popularChainIds, + context }) => { const [chainSearchInput, setChainSearchInput] = useState('') const chainFuse = new Fuse(options, fuseSearchOptions) @@ -113,7 +115,8 @@ export const ChainFilterSidebar: FC = ({ onAnalyticEvent?.(EventNames.CURRENCY_STEP_CHAIN_FILTER, { chain: chain.name, chain_id: chain.id, - search_term: chainSearchInput + search_term: chainSearchInput, + context }) } } diff --git a/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx b/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx index 8613728d7..f8ca13441 100644 --- a/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx +++ b/packages/ui/src/components/common/TokenSelector/TokenSelector.tsx @@ -527,6 +527,7 @@ const TokenSelector: FC = ({ onInputRef={setChainSearchInputElement} tokenSearchInputRef={tokenSearchInputElement} popularChainIds={popularChainIds} + context={context} /> ) : null}