Merge pull request #103 from zenml-io/QA-Fixes

Qa fixes

Author: danialraza03

src/redux/reducers/runsReducer.ts

@@ -59,10 +59,10 @@ const newState = (state: State, runs: TRun[], pagination?: any): State => ({
   ids: idsInsert(state.ids, runs),
   byId: byKeyInsert(state.byId, runs),
   paginated: {
-    page: pagination.page,
-    size: pagination.size,
-    totalPages: pagination.total_pages,
-    totalitem: pagination.total,
+    page: pagination?.page,
+    size: pagination?.size,
+    totalPages: pagination?.total_pages,
+    totalitem: pagination?.total,
   },
 });
 const newStateForGraph = (state: State, graph: any): State => ({

src/ui/components/forms/index.tsx

@@ -178,26 +178,28 @@ export const SearchInputField = (
   return (
     <FlexBox.Column fullWidth style={{ height: '100px' }}>
       <FlexBox alignItems="center" fullWidth style={{ position: 'relative' }}>
-
-      <LinkBox style={{ position: 'absolute', left: '7px', top: '30px' }} onClick={() => {}}>
+        <LinkBox
+          style={{ position: 'absolute', left: '7px', top: '30px' }}
+          onClick={() => {}}
+        >
           <icons.search color={iconColors.grey} />
-      </LinkBox>
-
-      <InputWithLabel
-        name={props.name}
-        label={props.label}
-        labelColor={props.labelColor}
-        InputComponent={
-          <TextInput
-            {...props}
-            style={{ paddingLeft: '40px' }}
-            value={props.value}
-            onChangeText={props.onChange}
-            placeholder={props.placeholder}
-          />
-        }
-      />
+        </LinkBox>
 
+        <InputWithLabel
+          name={props.name}
+          label={props.label}
+          labelColor={props.labelColor}
+          InputComponent={
+            <TextInput
+              type="search"
+              {...props}
+              style={{ paddingLeft: '40px' }}
+              value={props.value}
+              onChangeText={props.onChange}
+              placeholder={props.placeholder}
+            />
+          }
+        />
       </FlexBox>
     </FlexBox.Column>
   );