switch med rec to right rail

atomicptr · Sep 29, 2024 · a0da312 · a0da312
1 parent 053bc7a
commit a0da312
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/AdSpace.tsx b/src/components/AdSpace.tsx
@@ -11,12 +11,14 @@ export enum UnitType {
     BottomRail = "bottom_rail",
     Skyscraper = "sky_atf",
     MediumRect = "med_rect_atf",
+    RightRail = "right_rail",
 }
 
 export const adSpaceSize = {
     [UnitType.BottomRail]: { height: 50, width: 320 },
     [UnitType.Skyscraper]: { height: 600, width: 160 },
     [UnitType.MediumRect]: { height: 250, width: 300 },
+    [UnitType.RightRail]: { height: 600, width: 120},
 };
 
 interface AdSpaceProps {

diff --git a/src/pages/build/Build.tsx b/src/pages/build/Build.tsx
@@ -497,17 +497,17 @@ const Build: React.FC = () => {
                     sm={12}
                     sx={{ width: isMobile ? "100%" : undefined }}
                 >
+                    {isMobile ? <PerkListMobile /> : <PerkList />}
+
                     <ConstraintBox constraints={[]}>
                         <CenterBox>
                             <AdSpace
                                 name={playwireUnitUnderPerkList}
-                                unitType={UnitType.MediumRect}
+                                unitType={UnitType.RightRail}
                             />
                         </CenterBox>
                     </ConstraintBox>
 
-                    {isMobile ? <PerkListMobile /> : <PerkList />}
-
                     <Button
                         onClick={onCopyBuildToFinderButtonClicked}
                         startIcon={<ManageSearch />}