From d6a890621a84242264ae35b79e204c5fc9e2bc96 Mon Sep 17 00:00:00 2001
From: Derick M <58572875+TurtIeSocks@users.noreply.github.com>
Date: Thu, 11 Jan 2024 23:05:37 -0500
Subject: [PATCH] fix: xxs/xxl names

---
 src/components/layout/dialogs/filters/Advanced.jsx | 1 +
 src/components/layout/drawer/BoolToggle.jsx        | 4 +++-
 src/components/layout/drawer/Pokemon.jsx           | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/dialogs/filters/Advanced.jsx b/src/components/layout/dialogs/filters/Advanced.jsx
index d1be401e0..5947d2557 100644
--- a/src/components/layout/dialogs/filters/Advanced.jsx
+++ b/src/components/layout/dialogs/filters/Advanced.jsx
@@ -178,6 +178,7 @@ export default function AdvancedFilter() {
                     items={XXS_XXL}
                     field={`filters.${category}.filter.${id}`}
                     disabled={filters.all}
+                    label="size_1-size_5"
                   />
                 )}
                 {category === 'pokestops' && <QuestConditionSelector id={id} />}
diff --git a/src/components/layout/drawer/BoolToggle.jsx b/src/components/layout/drawer/BoolToggle.jsx
index 98edfe1bc..dac4d14cd 100644
--- a/src/components/layout/drawer/BoolToggle.jsx
+++ b/src/components/layout/drawer/BoolToggle.jsx
@@ -74,8 +74,10 @@ export function DualBoolToggle({
   switchColor,
   secondColor,
   field,
+  label,
   ...props
 }) {
+  const labels = label?.split('-') || []
   return (
     <Grid2 container component={ListItem} disablePadding disableGutters>
       {items.map((item, i) => (
@@ -84,7 +86,7 @@ export function DualBoolToggle({
             <BoolToggle
               // @ts-ignore
               field={`${field}.${item}`}
-              label={item}
+              label={labels[i] || labels[0] || item}
               disablePadding
               disableGutters
               align="center"
diff --git a/src/components/layout/drawer/Pokemon.jsx b/src/components/layout/drawer/Pokemon.jsx
index 35f7cf8ee..1d21716d2 100644
--- a/src/components/layout/drawer/Pokemon.jsx
+++ b/src/components/layout/drawer/Pokemon.jsx
@@ -140,6 +140,7 @@ function PokemonDrawer() {
                   <DualBoolToggle
                     items={XXS_XXL}
                     field="filters.pokemon.ivOr"
+                    label="size_1-size_5"
                   />
                 ) : (
                   <>