add Clear Address History button to UserSettings Menu

resolves #341
This commit is contained in:
jjavierdguezas 2021-05-12 19:02:21 +02:00 committed by Manoj Vivek
parent 09411d096d
commit f86b1bd31e
3 changed files with 28 additions and 2 deletions

View file

@ -65,7 +65,7 @@ const useStyles = makeStyles(theme => ({
})} 0 rgba(0, 0, 0, 0.75)`,
},
drawerContent: {
height: '85%',
height: '95%',
overflow: 'auto',
},
}));

View file

@ -4,6 +4,7 @@ import cx from 'classnames';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import Typography from '@material-ui/core/Typography';
import Checkbox from '@material-ui/core/Checkbox';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';
import Input from '@material-ui/core/Input';
import SettingsIcon from '@material-ui/icons/Settings';
@ -19,6 +20,7 @@ import {SCREENSHOT_MECHANISM} from '../../constants/values';
import {notifyPermissionPreferenceChanged} from '../../utils/permissionUtils.js';
import {PERMISSION_MANAGEMENT_OPTIONS} from '../../constants/permissionsManagement';
import {setTheme} from '../../actions/browser';
import {deleteSearchResults} from '../../services/searchUrlSuggestions';
function UserPreference({
devToolsConfig,
@ -241,6 +243,27 @@ function UserPreference({
onScreenShotSaveLocationChange={onChange}
/>
</div>
<div className={commonClasses.sidebarContentSectionContainer}>
<div
className={cx(
commonClasses.flexAlignVerticalMiddle,
classes.sectionHeader
)}
>
Adress History
</div>
<div className={commonClasses.sidebarContentSectionContainer}>
<Button
variant="contained"
color="primary"
aria-label="clear address history"
component="span"
onClick={deleteSearchResults}
>
Clear Address History
</Button>
</div>
</div>
<div className={commonClasses.sidebarContentSectionContainer}>
<div
className={cx(

View file

@ -9,7 +9,10 @@ export const getExistingSearchResults = () => settings.get(ADD_SEARCH_RESULTS);
const addUrlToSearchResults = url => settings.set(ADD_SEARCH_RESULTS, url);
const deleteSearchResults = () => settings.delete(ADD_SEARCH_RESULTS);
export const deleteSearchResults = () => {
settings.delete(ADD_SEARCH_RESULTS);
previousSearchResults = [];
};
const _sortedExistingUrlSearchResult = filteredData => {
// Most visited site should appear first in the list