bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'search-ux' into 'develop'

Browse source 
Remove search term after navigating away from Search page

See merge request soapbox-pub/soapbox!2498
This commit is contained in:
Chewbacca 2023-05-08 16:11:15 +00:00
commit e9fee8aad3
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/soapbox/features/compose/components/search.tsx
View file

@ -1,6 +1,6 @@
import clsx from 'clsx'; import clsx from 'clsx';
import debounce from 'lodash/debounce'; import debounce from 'lodash/debounce';
import React, { useCallback } from 'react'; import React, { useCallback, useEffect } from 'react';
import { defineMessages, useIntl } from 'react-intl'; import { defineMessages, useIntl } from 'react-intl';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
@ -135,6 +135,18 @@ const Search = (props: ISearch) => {
componentProps.autoSelect = false; componentProps.autoSelect = false;
} }
useEffect(() => {
return () => {
const newPath = history.location.pathname;
const shouldPersistSearch = !!newPath.match(/@.+\/posts\/\d+/g)
|| !!newPath.match(/\/tags\/.+/g);
if (!shouldPersistSearch) {
dispatch(changeSearch(''));
}
};
}, []);
return ( return (
<div className='w-full'> <div className='w-full'>
<label htmlFor='search' className='sr-only'>{intl.formatMessage(messages.placeholder)}</label> <label htmlFor='search' className='sr-only'>{intl.formatMessage(messages.placeholder)}</label>