From a7b944fe84bc338fd123e989d6f98baea2950cea Mon Sep 17 00:00:00 2001
From: Sendou <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 29 Jun 2020 18:45:06 +0300
Subject: [PATCH] allow searching by localized weapon name

---
 .../src/components/common/WeaponSelector.tsx       | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend-react/src/components/common/WeaponSelector.tsx b/frontend-react/src/components/common/WeaponSelector.tsx
index 45fb7d1e2..a9cbfbf29 100644
--- a/frontend-react/src/components/common/WeaponSelector.tsx
+++ b/frontend-react/src/components/common/WeaponSelector.tsx
@@ -38,9 +38,9 @@ const WeaponSelector: React.FC<WeaponSelectorProps> = ({
     <components.Option {...props}>
       <Flex alignItems="center" color={props.isFocused ? "black" : undefined}>
         <Box mr="0.5em">
-          <WeaponImage size="SMALL" englishName={props.label} />
+          <WeaponImage size="SMALL" englishName={props.value} />
         </Box>
-        {t(`game;${props.label}`)}
+        {props.label}
       </Flex>
     </components.Option>
   )
@@ -53,12 +53,18 @@ const WeaponSelector: React.FC<WeaponSelectorProps> = ({
         options={
           showAlts
             ? weaponSelectOptionsWithAlts.map((category) => ({
-                ...category,
                 label: t(`builds;${category.label}`),
+                options: category.options.map((weapon) => ({
+                  value: weapon.value,
+                  label: t(`game;${weapon.value}`),
+                })),
               }))
             : weaponSelectOptions.map((category) => ({
-                ...category,
                 label: t(`builds;${category.label}`),
+                options: category.options.map((weapon) => ({
+                  value: weapon.value,
+                  label: t(`game;${weapon.value}`),
+                })),
               }))
         }
         value={value}