fix: changes

kubeshop · May 27, 2022 · 30726d8 · 30726d8
1 parent b9dfd2e
commit 30726d8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/components/molecules/ResourceFilter/ResourceFilter.tsx b/src/components/molecules/ResourceFilter/ResourceFilter.tsx
@@ -5,8 +5,7 @@ import {Button, Input, Select, Tooltip} from 'antd';
 
 import {ClearOutlined} from '@ant-design/icons';
 
-import {mapValues} from 'lodash';
-import isEmpty from 'lodash/isEmpty';
+import {isEmpty, mapValues} from 'lodash';
 
 import {DEFAULT_EDITOR_DEBOUNCE} from '@constants/constants';
 import {ResetFiltersTooltip} from '@constants/tooltips';

diff --git a/src/components/organisms/FiltersPresetModal/FiltersPresetModal.tsx b/src/components/organisms/FiltersPresetModal/FiltersPresetModal.tsx
@@ -81,7 +81,13 @@ const FiltersPresetModal: React.FC = () => {
       <Form form={form} layout="vertical">
         {uiState.type === 'load' ? (
           <Form.Item name="preset" rules={[{required: true, message: 'Please select a preset first!'}]}>
-            <S.Select dropdownClassName="filters-preset-dropdown" placeholder="Select filter preset" showSearch>
+            <S.Select
+              autoFocus
+              defaultOpen
+              dropdownClassName="filters-preset-dropdown"
+              placeholder="Select filter preset"
+              showSearch
+            >
               {Object.keys(filtersPresets).map(key => (
                 <Select.Option key={key} value={key}>
                   {key} <S.DeleteOutlined onClick={(e: any) => onPresetDelete(e, key)} />

diff --git a/src/components/organisms/NavigatorPane/NavigatorPane.tsx b/src/components/organisms/NavigatorPane/NavigatorPane.tsx
@@ -115,7 +115,7 @@ const NavPane: React.FC<Props> = ({height}) => {
 
       <ReflexContainer orientation="horizontal" style={{height: height - 40}}>
         {isResourceFiltersOpen && (
-          <ReflexElement style={{background: '#0c0d0e'}} flex={0.4} minSize={100}>
+          <ReflexElement style={{background: Colors.black9}} flex={0.4} minSize={100}>
             <ResourceFilter />
           </ReflexElement>
         )}

diff --git a/src/styles/Colors.ts b/src/styles/Colors.ts
@@ -44,6 +44,7 @@ enum Colors {
   whitePure = '#ffffff',
   blackPure = '#000000',
   blackPearl = '#111d2c',
+  black9 = '#0C0D0E',
 
   cyan = '#58D1C9',
   cyan7 = '#33BCB7',