From 9255d7efb70d1fbe7e6bc0f2b5e4ff1cfe9e620b Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 11 Nov 2020 13:15:08 +0200
Subject: [PATCH] weapon selector as header

---
 components/common/WeaponSelector.tsx | 9 +++++++--
 pages/builds/[[...slug]].tsx         | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/common/WeaponSelector.tsx b/components/common/WeaponSelector.tsx
index e6562de88..8b160e58d 100644
--- a/components/common/WeaponSelector.tsx
+++ b/components/common/WeaponSelector.tsx
@@ -5,15 +5,17 @@ import { weaponsWithHeroCategorizedLocalized } from "lib/lists/weaponsWithHero";
 interface Props {
   name?: string;
   value: string;
-  excludeAlt?: boolean;
   onChange: (value: string) => void;
+  excludeAlt?: boolean;
+  isHeader?: boolean;
 }
 
 const WeaponSelector: React.FC<Props> = ({
   name,
   value,
   onChange,
-  excludeAlt,
+  excludeAlt = false,
+  isHeader = false,
 }) => {
   const { i18n } = useLingui();
   return (
@@ -22,6 +24,9 @@ const WeaponSelector: React.FC<Props> = ({
         value={value}
         name={name}
         onChange={(e) => onChange(e.target.value)}
+        mx={isHeader ? "auto" : undefined}
+        maxWidth={80}
+        size={isHeader ? "lg" : undefined}
       >
         {weaponsWithHeroCategorizedLocalized.map((wpnCategory) => (
           <optgroup key={wpnCategory.name} label={i18n._(wpnCategory.name)}>
diff --git a/pages/builds/[[...slug]].tsx b/pages/builds/[[...slug]].tsx
index 7ea770604..abb2ecf3a 100644
--- a/pages/builds/[[...slug]].tsx
+++ b/pages/builds/[[...slug]].tsx
@@ -20,7 +20,7 @@ const BuildsPage = () => {
   return (
     <>
       <Breadcrumbs pages={[{ name: t`Builds` }]} />
-      <WeaponSelector value={weapon} onChange={setWeapon} excludeAlt />
+      <WeaponSelector value={weapon} onChange={setWeapon} excludeAlt isHeader />
     </>
   );
 };