Add startups sidebar to partners

src/app/layouts/default/header/menus/main-menu/main-menu.js

@@ -15,6 +15,9 @@ import {treatSpaceOrEnterAsClick} from '~/helpers/events';
 import './main-menu.scss';
 
 function DropdownOrMenuItem({item}) {
+    if (! item.name && ! item.label) {
+        return null;
+    }
     if ('menu' in item) {
         return (
             <Dropdown label={item.name} navAnalytics={`Main Menu (${item.name})`}>

src/app/pages/partners/active-filters/active-filters.scss

@@ -3,6 +3,8 @@
 .active-filters {
     @extend %content;
 
+    padding: 0;
+
     @include wider-than($phone-max) {
         margin-top: 4rem;
     }

src/app/pages/partners/results/results.scss

@@ -2,9 +2,7 @@
 @import 'mixins/placeholder-selectors';
 
 .partners .results {
-    align-items: start;
     padding: 2rem $normal-margin 20rem;
-    row-gap: 2rem;
 
     @include width-up-to($phone-max) {
         padding: 0 $normal-margin 6rem;
@@ -14,6 +12,16 @@
         min-height: 60rem;
     }
 
+    >:first-child {
+        @include width-up-to($phone-max) {
+            margin-bottom: $normal-margin;
+        }
+
+        @include wider-than($phone-max) {
+            margin-bottom: 3rem;
+        }
+    }
+
     h2 {
         margin: 0;
     }
@@ -106,10 +114,11 @@
     }
 
     .boxed {
-        grid-gap: 3rem;
+        gap: 3rem;
 
         @include width-up-to($phone-max) {
-            grid-gap: $normal-margin;
+            gap: $normal-margin;
+            padding: 0;
         }
     }
 
@@ -123,11 +132,11 @@
                 padding: 0;
             }
 
+            &,
             .sidebar-content {
                 display: flex;
                 flex-direction: column;
-                grid-gap: 3rem;
-                margin-top: 3rem;
+                gap: $normal-margin;
             }
         }
 

src/app/pages/partners/results/results.tsx

@@ -200,7 +200,7 @@ function resultEntry(pd: PartnerData) {
         cost: pd.affordability_cost,
         rating: pd.average_rating.rating__avg,
         ratingCount: pd.rating_count,
-        partnershipLevel: pd.partnership_level as string,
+        partnershipLevel: pd.partnership_level,
         yearsAsPartner: pd.partner_anniversary_date
             ? differenceInYears(
                   Date.now(),
@@ -301,18 +301,25 @@ function ResultGridLoader({
                     linkTexts={linkTexts}
                     entries={filteredEntries}
                 />
-                <div className="with-sidebar">
-                    <div className="boxed">
-                        {otherAges.map((age) => (
-                            <HeadingAndResultGrid
-                                key={age}
-                                age={age}
-                                entries={partnersByAge[age]}
-                            />
-                        ))}
+                {
+                    otherAges.length > 0
+                    ? <div className="with-sidebar">
+                        <div className="boxed">
+                            {otherAges.map((age) => (
+                                <HeadingAndResultGrid
+                                    key={age}
+                                    age={age}
+                                    entries={partnersByAge[age]}
+                                />
+                            ))}
+                        </div>
+                        <Sidebar entries={startups} />
                     </div>
-                    <Sidebar entries={startups} />
-                </div>
+                    : <div className="boxed">
+                        <h2>Startups</h2>
+                        <ResultGrid entries={startups} />
+                    </div>
+                }
             </section>
         );
     }