Move include short bios

web/components/filters/desktop-filters.tsx

@@ -71,6 +71,14 @@ export function DesktopFilters(props: {
 
   return (
     <>
+
+      <button
+        className="text-ink-900 hover:text-primary-500 underline"
+        onClick={clearFilters}
+      >
+        {t('filter.reset', 'Reset filters')}
+      </button>
+
       <MyMatchesToggle
         setYourFilters={setYourFilters}
         youProfile={youProfile}
@@ -78,6 +86,13 @@ export function DesktopFilters(props: {
         hidden={!youProfile}
       />
 
+      {/* Short Bios */}
+      <ShortBioToggle
+        updateFilter={updateFilter}
+        filters={filters}
+        hidden={false}
+      />
+
       {/* CONNECTION */}
       <CustomizeableDropdown
         buttonContent={(open) => (
@@ -661,20 +676,6 @@ export function DesktopFilters(props: {
         popoverClassName="bg-canvas-50"
         menuWidth="w-50"
       />
-
-      {/* Short Bios */}
-      <ShortBioToggle
-        updateFilter={updateFilter}
-        filters={filters}
-        hidden={false}
-      />
-
-      <button
-        className="text-ink-900 hover:text-primary-500 underline"
-        onClick={clearFilters}
-      >
-        {t('filter.reset', 'Reset filters')}
-      </button>
     </>
   )
 }

web/components/filters/mobile-filters.tsx

@@ -97,6 +97,15 @@ function MobileFilters(props: {
         </button>
       </Row>
 
+      {/* Short Bios */}
+      <Col className="p-4 pb-2">
+        <ShortBioToggle
+          updateFilter={updateFilter}
+          filters={filters}
+          hidden={false}
+        />
+      </Col>
+
       {/* RELATIONSHIP STYLE */}
       <MobileFilterSection
         title={t('profile.seeking', "Seeking")}
@@ -528,15 +537,6 @@ function MobileFilters(props: {
       >
         <EducationFilter filters={filters} updateFilter={updateFilter}/>
       </MobileFilterSection>
-
-      {/* Short Bios */}
-      <Col className="p-4 pb-2">
-        <ShortBioToggle
-          updateFilter={updateFilter}
-          filters={filters}
-          hidden={false}
-        />
-      </Col>
     </Col>
   )
 }