From 296e7aebd48c91b69a7e47f1d777a00708dc7253 Mon Sep 17 00:00:00 2001
From: JonathanLeeWH <leeweihao1996@outlook.com>
Date: Wed, 6 Oct 2021 16:12:49 +0800
Subject: [PATCH] Amended main search bar platform menu item information to
 show proper casing

npm package update
---
 package-lock.json                                        | 6 +++---
 src/components/mainSearchBar/MainSearchBar.component.jsx | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 99a53d1..c790da5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14929,9 +14929,9 @@
       "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
     },
     "tar": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.2.tgz",
-      "integrity": "sha512-EwKEgqJ7nJoS+s8QfLYVGMDmAsj+StbI2AM/RTHeUSsOw6Z8bwNBRv5z3CY0m7laC5qUAqruLX5AhMuc5deY3Q==",
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz",
+      "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==",
       "requires": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
diff --git a/src/components/mainSearchBar/MainSearchBar.component.jsx b/src/components/mainSearchBar/MainSearchBar.component.jsx
index fc1145e..6793e7c 100644
--- a/src/components/mainSearchBar/MainSearchBar.component.jsx
+++ b/src/components/mainSearchBar/MainSearchBar.component.jsx
@@ -5,6 +5,7 @@ import { InputGroup } from 'react-bootstrap';
 import { AsyncTypeahead } from 'react-bootstrap-typeahead';
 import { AiOutlineSearch } from 'react-icons/ai';
 import { useHistory } from 'react-router-dom';
+import { parseSoftwarePlatform } from '../../utils/utils';
 
 const MainSearchBar = () => {
   const cacheRef = useRef({});
@@ -104,7 +105,7 @@ const MainSearchBar = () => {
             <div key={option.id}>
               <span>{_.startCase(option.name)}</span>
               <div>
-                <small>{`Version: ${option.version} Platform: ${option.platform}`}</small>
+                <small>{`Version: ${option.version} Platform: ${parseSoftwarePlatform(option.platform)}`}</small>
               </div>
             </div>
           )}