From 01bfe70f1771ff5819fb8cc1b3a9365114306723 Mon Sep 17 00:00:00 2001 From: Mohd Ashraf <57627350+mohdashraf010897@users.noreply.github.com> Date: Sat, 12 Mar 2022 14:14:31 +0530 Subject: [PATCH] upgrades & fixes - upgraded lib fixing the category suggestions query trigger issue - added focusshortcut icon --- package.json | 2 +- src/App.css | 38 ++++++++++++++++++++++++++++++++++-- src/App.js | 5 +++++ yarn.lock | 54 ++++++++++++++++++++++------------------------------ 4 files changed, 65 insertions(+), 34 deletions(-) diff --git a/package.json b/package.json index 19bf515..fbe5092 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "prettier": "^1.18.2" }, "dependencies": { - "@appbaseio/reactivesearch": "^3.28.0", + "@appbaseio/reactivesearch": "^3.29.0-gamma.1", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "5.0.0" diff --git a/src/App.css b/src/App.css index 13a0716..8f88a6e 100644 --- a/src/App.css +++ b/src/App.css @@ -37,6 +37,7 @@ hr { justify-content: flex-start; padding-left: 0px; padding-right: 0px; + margin: 10px auto 19px; } .logo-container { @@ -56,6 +57,9 @@ hr { border: 2px solid #86ddf8; border-radius: 3px; } +.search-bar input { + border: none; +} /* styling for left-sidebar */ @@ -79,6 +83,7 @@ hr { left: 0; margin-top: 4px; margin-bottom: 10px; + height: max-content; } .list-input { @@ -403,7 +408,33 @@ hr { border-top: 1px solid #666; border-left: 1px solid #666; } - +.input-addon { + border-radius: 0 !important; + border: none !important; + background: white; +} +.focus-shortcut { + display: flex; + justify-content: center; + align-items: center; + background: linear-gradient(-225deg, #d5dbe4, #f8f8f8); + border-radius: 0; + box-shadow: inset 0px -2px 0px 1px #cdcde6, inset 0 0 1px 1px #fff, + 0 1px 2px 1px rgb(30 35 90 / 40%); + color: #969faf; + height: 24px; + margin-right: 0.4em; + padding-bottom: 2px; + position: relative; + top: -1px; + min-width: 24px; + font-size: 1rem; + font-weight: 400; + line-height: 20px; + cursor: default; + border: none; + padding-bottom: 4px; +} /* Responsive styling */ @media (max-width: 768px) { .toggle-button { @@ -471,8 +502,11 @@ hr { width: 207px; height: 30px; } + .input-addon { + display: none !important; + } } .selected-filters > * { color: #cdcdcd !important; -} \ No newline at end of file +} diff --git a/src/App.js b/src/App.js index 92b8568..65c534a 100644 --- a/src/App.js +++ b/src/App.js @@ -85,6 +85,11 @@ class App extends Component { index="movies-demo-app" size={10} innerClass={{ list: "list-class" }} + addonAfter={ + + / + + } /> diff --git a/yarn.lock b/yarn.lock index 56c01b7..a5c9d12 100644 --- a/yarn.lock +++ b/yarn.lock @@ -18,10 +18,10 @@ jsonpointer "^5.0.0" leven "^3.1.0" -"@appbaseio/reactivecore@9.13.3": - version "9.13.3" - resolved "https://registry.yarnpkg.com/@appbaseio/reactivecore/-/reactivecore-9.13.3.tgz#df80decf802fff45b210eef80db0e717c534bbb4" - integrity sha512-E912fZPt3eQGpjg6tY17wwqkTZ3pEipjfRNkOIL8aCIW99G3FRPclMz2968XKEKKuooiEH8+TKzHW2gn1dazMA== +"@appbaseio/reactivecore@9.14.0": + version "9.14.0" + resolved "https://registry.yarnpkg.com/@appbaseio/reactivecore/-/reactivecore-9.14.0.tgz#8369ab003456ba6180adb8dc0486d9b6c176ed36" + integrity sha512-bCHa+UHBskKM2iIrXc7iqpT64P/b8jm4gg1je5TuW9padxxFVoXP6V91Lfj9OYd1ih6++7xttoXBIso8x4+0vw== dependencies: cross-fetch "^3.0.4" prop-types "^15.6.0" @@ -29,15 +29,15 @@ redux-thunk "^2.3.0" xdate "^0.8.2" -"@appbaseio/reactivesearch@^3.28.0": - version "3.28.0" - resolved "https://registry.yarnpkg.com/@appbaseio/reactivesearch/-/reactivesearch-3.28.0.tgz#af72656008c9a692772102e6afce4acbfb251704" - integrity sha512-C6TW5/FPUQAzKfjQeNkt8ouQnPfr4jLXJVHJ69Q/i/eLUSbTCHuFMIorSXCS60aqiofGpDhO55sYQRec6ePl/Q== +"@appbaseio/reactivesearch@^3.29.0-gamma.1": + version "3.29.0-gamma.1" + resolved "https://registry.yarnpkg.com/@appbaseio/reactivesearch/-/reactivesearch-3.29.0-gamma.1.tgz#8ec6d637dfcfda489f34723e554d086473740d0e" + integrity sha512-ZTdmkUX3fIGCAHnppLX3d6vE3tNNA8S2ryQ3B6cxy3NRQus5exAHUgjY1+hbD6e1+MTN1J8KyDY9ZCIf8Q0nww== dependencies: - "@appbaseio/reactivecore" "9.13.3" + "@appbaseio/reactivecore" "9.14.0" "@emotion/core" "^10.0.28" "@emotion/styled" "^10.0.27" - appbase-js "4.5.1" + appbase-js "5.0.0" cross-env "^5.2.0" downshift "^1.31.2" emotion-theming "^10.0.27" @@ -2376,12 +2376,12 @@ anymatch@^3.0.3, anymatch@~3.1.2: normalize-path "^3.0.0" picomatch "^2.0.4" -appbase-js@4.5.1: - version "4.5.1" - resolved "https://registry.yarnpkg.com/appbase-js/-/appbase-js-4.5.1.tgz#0b9eb0bcb6fdb8655b38066d3f21ef24427e3b9f" - integrity sha512-IYShIL3J9PlyMcTEm35iPFSeQZBUW6pCJEwXKvUVjx89p/npA4UVlmYfEfRWweAJEaercbq3zhRskouEJLw2BA== +appbase-js@5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/appbase-js/-/appbase-js-5.0.0.tgz#9f3e25ad718251e153593f7559cfac7b4d4ac961" + integrity sha512-TOvBaXEpRd85Oo118X+NNQq7CMtZE3eyp7zYWZ7LO2o9mrdTQRUk+ADE0P8xFkga2c4WHHRyBhoeJglux12LZg== dependencies: - cross-fetch "^2.2.2" + cross-fetch "^3.1.5" querystring "^0.2.0" url-parser-lite "^0.1.0" @@ -3157,15 +3157,7 @@ cross-env@^5.2.0: dependencies: cross-spawn "^6.0.5" -cross-fetch@^2.2.2: - version "2.2.5" - resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-2.2.5.tgz#afaf5729f3b6c78d89c9296115c9f142541a5705" - integrity sha512-xqYAhQb4NhCJSRym03dwxpP1bYXpK3y7UN83Bo2WFi3x1Zmzn0SL/6xGoPr+gpt4WmNrgCCX3HPysvOwFOW36w== - dependencies: - node-fetch "2.6.1" - whatwg-fetch "2.0.4" - -cross-fetch@^3.0.4: +cross-fetch@^3.0.4, cross-fetch@^3.1.5: version "3.1.5" resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f" integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw== @@ -6088,11 +6080,6 @@ no-case@^3.0.4: lower-case "^2.0.2" tslib "^2.0.3" -node-fetch@2.6.1: - version "2.6.1" - resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052" - integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw== - node-fetch@2.6.7: version "2.6.7" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad" @@ -7040,6 +7027,11 @@ prelude-ls@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54" +prettier@^1.18.2: + version "1.19.1" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb" + integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew== + pretty-bytes@^5.3.0, pretty-bytes@^5.4.1: version "5.6.0" resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb" @@ -8689,7 +8681,7 @@ whatwg-encoding@^1.0.5: dependencies: iconv-lite "0.4.24" -whatwg-fetch@2.0.4, whatwg-fetch@>=0.10.0: +whatwg-fetch@>=0.10.0: version "2.0.4" resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f" @@ -9020,4 +9012,4 @@ yargs@^16.2.0: yocto-queue@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b" - integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q== \ No newline at end of file + integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==