Avoid errors if onAdd and onRemove Dropdown functions are not defined

frontend/src/components/dropdown.js

@@ -27,7 +27,7 @@ class DropdownContent extends React.PureComponent {
       for (let x = 0; x < value.length; x++) {
         if (value[x].label === label) {
           isRemove = true;
-          this.props.onRemove(ourObj);
+          this.props.onRemove && this.props.onRemove(ourObj);
           this.props.onChange(value.slice(0, x).concat(value.slice(x + 1)));
         }
       }
@@ -38,7 +38,7 @@ class DropdownContent extends React.PureComponent {
           newArray = [];
         }
         newArray.push(ourObj);
-        this.props.onAdd(ourObj);
+        this.props.onAdd && this.props.onAdd(ourObj);
         this.props.onChange(newArray);
       }
     }

frontend/src/components/header/index.js

@@ -198,8 +198,6 @@ class Header extends React.Component {
       <>
         <NotificationBell />
         <Dropdown
-          onAdd={() => {}}
-          onRemove={() => {}}
           onChange={this.onUserMenuSelect}
           value={[]}
           display={<UserDisplay username={this.props.userDetails.username} />}

frontend/src/components/localeSelect.js

@@ -23,8 +23,6 @@ function LocaleSelect({ userPreferences, setLocale, className }) {
   };
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={onLocaleSelect}
       value={getActiveLanguageNames()}
       options={supportedLocales}

frontend/src/components/notifications/notificationOrderBy.js

@@ -37,7 +37,7 @@ export function NotificationOrderBySelector(props) {
       sort: 'ASC',
     },
   ];
-  const onSortSelect = arr => {
+  const onSortSelect = (arr) => {
     if (arr.length === 1) {
       props.setQuery(
         {
@@ -54,8 +54,6 @@ export function NotificationOrderBySelector(props) {
   };
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={onSortSelect}
       value={`${props.allQueryParams.orderBy}.${props.allQueryParams.orderByType}` || []}
       options={options}

frontend/src/components/projects/orderBy.js

@@ -62,8 +62,6 @@ export function OrderBySelector(props) {
   };
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={onSortSelect}
       value={`${props.allQueryParams.orderBy}.${props.allQueryParams.orderByType}` || []}
       options={options}

frontend/src/components/projects/projectNav.js

@@ -52,8 +52,6 @@ export const ProjetListViewToggle = (props) => {
 const DifficultyDropdown = (props) => {
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={(n) => {
         const value = n && n[0] && n[0].value;
         props.setQuery(

frontend/src/components/projects/projectsActionFilter.js

@@ -23,8 +23,6 @@ export const ProjectsActionFilter = ({ setQuery, fullProjectsQuery }) => {
 
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={(n) => {
         const value = n && n[0] && n[0].value;
         // clean the action query param if it was set on the URL,

frontend/src/components/taskSelection/actionSidebars.js

@@ -582,8 +582,6 @@ export function ReopenEditor({ project, action, editor, callEditor }: Object) {
         display={<FormattedMessage {...messages.reloadEditor} />}
         className="bg-white b--grey-light ba pa2 di"
         onChange={callEditor}
-        onAdd={() => {}}
-        onRemove={() => {}}
         toTop={true}
       />
     </div>

frontend/src/components/taskSelection/footer.js

@@ -204,8 +204,6 @@ const TaskSelectionFooter = ({ defaultUserEditor, project, tasks, taskAction, se
           className="bg-white bn"
           toTop={true}
           onChange={updateEditor}
-          onAdd={() => {}}
-          onRemove={() => {}}
         />
       </div>
       <div className="w-30-ns w-60 fl tr">

frontend/src/components/taskSelection/messages.js

@@ -298,7 +298,7 @@ export default defineMessages({
   },
   sortByMostRecentlyUpdate: {
     id: 'project.tasks.sorting.date',
-    defaultMessage: 'Mostly recently updated',
+    defaultMessage: 'Most recently updated',
   },
   sortByLeastRecentlyUpdate: {
     id: 'project.tasks.sorting.date.reverse',

frontend/src/components/taskSelection/taskActivity.js

@@ -238,9 +238,6 @@ export const TaskDataDropdown = ({ history, changesetComment, bbox }: Object) =>
   if (history && history.taskHistory && history.taskHistory.length > 0) {
     return (
       <Dropdown
-        onAdd={() => {}}
-        onRemove={() => {}}
-        onChange={() => {}}
         value={null}
         options={[
           { label: <FormattedMessage {...messages.taskOnOSMCha} />, href: osmchaLink },
@@ -396,8 +393,6 @@ function EditorDropdown({ project, taskId, bbox }: Object) {
       display={<FormattedMessage {...messages.openEditor} />}
       className="bg-white b--grey-light ba pa2 dib v-mid"
       onChange={loadTaskOnEditor}
-      onAdd={() => {}}
-      onRemove={() => {}}
     />
   );
 }

frontend/src/components/taskSelection/taskList.js

@@ -287,8 +287,6 @@ export function TaskList({
         </div>
         <div className="w-60-l w-50-m w-100 dib pv1">
           <Dropdown
-            onAdd={() => {}}
-            onRemove={() => {}}
             onChange={updateSortingOption}
             value={sortBy || 'date'}
             options={sortingOptions}

frontend/src/components/user/forms/settings.js

@@ -40,8 +40,6 @@ function _EditorDropdown(props) {
 
   return (
     <Dropdown
-      onAdd={() => {}}
-      onRemove={() => {}}
       onChange={onEditorSelect}
       value={value}
       options={getEditors()}

frontend/src/components/user/list.js

@@ -72,8 +72,6 @@ const RoleFilter = ({ filters, setFilters, updateFilters }) => {
   return (
     <div>
       <Dropdown
-        onAdd={() => {}}
-        onRemove={() => {}}
         onChange={(n) => {
           const value = n && n[0] && n[0].value;
           updateFilters('role', value);
@@ -96,8 +94,6 @@ const MapperLevelFilter = ({ filters, setFilters, updateFilters }) => {
   return (
     <div>
       <Dropdown
-        onAdd={() => {}}
-        onRemove={() => {}}
         onChange={(n) => {
           const value = n && n[0] && n[0].value;
           updateFilters('level', value);

frontend/src/locales/en.json

@@ -598,7 +598,7 @@
   "project.tasks.status.badImagery": "Unavailable",
   "project.tasks.status.split": "Split",
   "project.tasks.sorting.id": "Sort by task number",
-  "project.tasks.sorting.date": "Mostly recently updated",
+  "project.tasks.sorting.date": "Most recently updated",
   "project.tasks.sorting.date.reverse": "Least recently updated",
   "project.tasks.filter.all": "All",
   "project.tasks.filter.readyToValidate": "Ready for validation",

frontend/src/views/projectEdit.js

@@ -253,8 +253,6 @@ export default function ProjectEdit({ id }) {
           </div>
           <span className="db">
             <Dropdown
-              onAdd={() => {}}
-              onRemove={() => {}}
               value={null}
               options={[
                 {