change(ui) - fixes in metric session list and other chanegs

frontend/app/components/Dashboard/Dashboard.js

@@ -60,7 +60,7 @@ const menuList = [
     active: status === OVERVIEW,
   },
   {
-    key: OVERVIEW,
+    key: CUSTOM_METRICS,
     section: 'metrics',
     icon: "sliders",
     label: getStatusLabel(CUSTOM_METRICS),

frontend/app/components/Dashboard/Widgets/TrendChart/TrendChart.js

@@ -25,7 +25,7 @@ const loadChart = (data, loading, unit, syncId, compare, tooltipLael) => {
             <YAxis hide interval={ 0 } />
             <Area
               name={tooltipLael}
-              unit={unit && ' ' + unit}
+              // unit={unit && ' ' + unit}
               type="monotone"
               dataKey="value"
               stroke={compare? Styles.compareColors[0] : Styles.colors[0]}

frontend/app/components/shared/AddWidgets.js

@@ -67,6 +67,7 @@ export default class AddWidgets extends React.PureComponent {
 						>
 							{filteredWidgets.map(w => (
 								<div
+									key={w.key}
 									className={cn(stl.menuItem, 'whitespace-pre cursor-pointer')}
 									onClick={this.makeAddHandler(w.key)}
 								>

frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx

@@ -135,8 +135,9 @@ function FilterAutoComplete(props: Props) {
           { headerText && headerText }
           <Loader loading={loading} size="small">
             {
-              options.map(item => (
+              options.map((item, i) => (
                 <div
+                  key={item.value + '_'  + i}
                   className={ cn(stl.filterItem) }
                   id="filter-item" onClick={ (e) => onItemClick(e, item) }
                 >

frontend/app/components/shared/Filters/FilterValue/FilterValue.tsx

@@ -17,13 +17,6 @@ function FilterValue(props: Props) {
   const onAddValue = () => {
     const newValue = filter.value.concat('');
     props.onUpdate({ ...filter, value: newValue });
-
-    // const newValues = filter.value.concat("")
-    // try {
-    //   props.onUpdate({ ...filter.toData(), value: newValues })
-    // } catch (e) {
-    //   props.onUpdate({ ...filter, value: newValues })
-    // }
   }
 
   const onRemoveValue = (valueIndex) => {

frontend/app/components/shared/SavedSearch/SavedSearch.tsx

@@ -29,7 +29,7 @@ function SavedSearch(props) {
     >
       <div className="relative">
         <div className={cn("flex items-center", { [stl.disabled] : list.size === 0})}>
-          <Button prime outline size="small"
+          <Button outline size="small"
             className="flex items-center"
             onClick={() => setShowMenu(true)}
           >

frontend/app/components/shared/SessionItem/SessionItem.js

@@ -53,7 +53,7 @@ export default class SessionItem extends React.PureComponent {
         live        
       },
       timezone,
-      onUserClick,
+      onUserClick = () => null,
       hasUserFilter = false,
       disableUser = false
     } = this.props;

frontend/app/components/shared/SessionSearchField/SessionSearchField.tsx

@@ -29,7 +29,7 @@ function SessionSearchField(props: Props) {
   return (
     <div className="relative">
       <Input
-        inputProps={ { "data-openreplay-label": "Search", "autocomplete": "off" } }
+        // inputProps={ { "data-openreplay-label": "Search", "autocomplete": "off" } }
         className={stl.searchField}
         onFocus={ () => setShowModal(true) }
         onBlur={ () => setTimeout(setShowModal, 200, false) }
@@ -40,7 +40,7 @@ function SessionSearchField(props: Props) {
         fluid
         id="search"
         type="search"
-        autocomplete="off"
+        autoComplete="off"
       />
 
       { showModal && (

frontend/app/duck/search.js

@@ -135,7 +135,6 @@ export const applyFilter = reduceThenFetchResource((filter, fromUrl=false) => ({
 }));
 
 export const applySavedSearch = (filter) => (dispatch, getState) => {
-  console.log('applySavedSearch', filter);
   dispatch(edit({ filters: filter ? filter.filter.filters : [] }));
   return dispatch({
     type: APPLY_SAVED_SEARCH,