Merge pull request #1686 from HospitalRun/deps-updates

dependency upgrades

.eslintrc.js

@@ -48,6 +48,7 @@ module.exports = {
     'eol-last': ['error', 'always'],
     'no-debugger': 'error',
     'no-nested-ternary': 'off',
+    'import/extensions': ['error', 'never'],
     curly: ['error', 'all'],
   },
 }

package.json

@@ -5,7 +5,7 @@
   "private": false,
   "license": "MIT",
   "dependencies": {
-    "@hospitalrun/components": "^0.22.0",
+    "@hospitalrun/components": "^0.24.0",
     "@reduxjs/toolkit": "~1.2.1",
     "@semantic-release/changelog": "~3.0.4",
     "@semantic-release/git": "~7.0.16",
@@ -58,7 +58,7 @@
     "@types/react-redux": "^7.1.5",
     "@types/react-router": "~5.1.2",
     "@types/react-router-dom": "~5.1.0",
-    "@typescript-eslint/eslint-plugin": "~2.9.0",
+    "@typescript-eslint/eslint-plugin": "~2.10.0",
     "@typescript-eslint/parser": "~2.14.0",
     "commitizen": "~4.0.3",
     "commitlint-config-cz": "~0.12.1",
@@ -70,7 +70,7 @@
     "eslint": "~6.8.0",
     "eslint-config-airbnb": "~18.0.1",
     "eslint-config-prettier": "~6.9.0",
-    "eslint-plugin-import": "~2.18.2",
+    "eslint-plugin-import": "~2.19.1",
     "eslint-plugin-jest": "~23.2.0",
     "eslint-plugin-jsx-a11y": "~6.2.3",
     "eslint-plugin-prettier": "~3.1.1",

public/locales/en/translation.json

@@ -42,6 +42,7 @@
     "save": "Save",
     "cancel": "Cancel",
     "new": "New",
-    "list": "List"
+    "list": "List",
+    "search": "Search"
   }
 }

src/components/Navbar.tsx

@@ -15,12 +15,22 @@ const Navbar = () => {
           history.push('/')
         },
       }}
-      onSearchButtonClick={() => console.log('hello')}
-      onSearchTextBoxChange={() => console.log('hello')}
+      search={{
+        onClickButton: () => {
+          console.log('search')
+        },
+        onChangeInput: () => {
+          console.log('change')
+        },
+        placeholderText: t('actions.search'),
+        buttonText: t('actions.search'),
+      }}
       navLinks={[
         {
           label: t('patients.label'),
-          onClick: () => {},
+          onClick: () => {
+            console.log('patients click')
+          },
           children: [
             {
               label: t('actions.list'),