From 076312da7aa02b85cfe503fd77b70bae7a25ca80 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Mon, 10 Mar 2025 11:37:26 +0500
Subject: [PATCH] mobile: fix sorting sheet in reminders

---
 .../list-items/headers/section-header.tsx          | 14 ++++++++++++--
 apps/mobile/app/components/sheets/sort/index.tsx   | 11 +++++------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/apps/mobile/app/components/list-items/headers/section-header.tsx b/apps/mobile/app/components/list-items/headers/section-header.tsx
index 43749cd44..ef820b297 100644
--- a/apps/mobile/app/components/list-items/headers/section-header.tsx
+++ b/apps/mobile/app/components/list-items/headers/section-header.tsx
@@ -77,7 +77,11 @@ export const SectionHeader = React.memo<
             justifyContent: "space-between",
             borderBottomWidth: 1,
             borderColor: colors.primary.border,
-            paddingTop: DefaultAppStyles.GAP_VERTICAL_SMALL
+            paddingBottom: 1,
+            paddingTop:
+              index === 0
+                ? DefaultAppStyles.GAP_VERTICAL
+                : DefaultAppStyles.GAP_VERTICAL_SMALL
           }}
         >
           <Pressable
@@ -125,7 +129,13 @@ export const SectionHeader = React.memo<
                   onPress={() => {
                     if (!screen) return;
                     presentSheet({
-                      component: <Sort screen={screen} type={dataType} />
+                      component: (
+                        <Sort
+                          screen={screen}
+                          type={dataType}
+                          hideGroupOptions={screen === "Reminders"}
+                        />
+                      )
                     });
                   }}
                   style={{
diff --git a/apps/mobile/app/components/sheets/sort/index.tsx b/apps/mobile/app/components/sheets/sort/index.tsx
index c4594f84e..49f275d59 100644
--- a/apps/mobile/app/components/sheets/sort/index.tsx
+++ b/apps/mobile/app/components/sheets/sort/index.tsx
@@ -98,8 +98,7 @@ const Sort = ({
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "space-between",
-          paddingHorizontal: DefaultAppStyles.GAP,
-          paddingVertical: DefaultAppStyles.GAP_VERTICAL
+          paddingHorizontal: DefaultAppStyles.GAP
         }}
       >
         <Heading
@@ -164,10 +163,10 @@ const Sort = ({
               style={{
                 width: "100%",
                 justifyContent: "space-between",
-                height: 40,
                 flexDirection: "row",
                 borderRadius: 0,
-                paddingHorizontal: DefaultAppStyles.GAP
+                paddingHorizontal: DefaultAppStyles.GAP,
+                paddingVertical: DefaultAppStyles.GAP_VERTICAL
               }}
               onPress={async () => {
                 const _groupOptions: GroupOptions = {
@@ -231,10 +230,10 @@ const Sort = ({
                 style={{
                   width: "100%",
                   justifyContent: "space-between",
-                  height: 40,
                   flexDirection: "row",
                   borderRadius: 0,
-                  paddingHorizontal: DefaultAppStyles.GAP
+                  paddingHorizontal: DefaultAppStyles.GAP,
+                  paddingVertical: DefaultAppStyles.GAP_VERTICAL
                 }}
                 onPress={async () => {
                   const _groupOptions: GroupOptions = {