From d9d229b02090b89e5ad7f5b80f1ff01346a989a5 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Wed, 6 Mar 2024 10:39:23 +0500
Subject: [PATCH] mobile: change sheet button positions

---
 .../components/sheets/add-notebook/index.tsx  | 36 ++++++++-----------
 .../app/components/sheets/reminder/index.tsx  |  1 +
 .../app/components/ui/pressable/index.tsx     |  5 ++-
 3 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/apps/mobile/app/components/sheets/add-notebook/index.tsx b/apps/mobile/app/components/sheets/add-notebook/index.tsx
index ed56a48e8..5a0a61f9d 100644
--- a/apps/mobile/app/components/sheets/add-notebook/index.tsx
+++ b/apps/mobile/app/components/sheets/add-notebook/index.tsx
@@ -112,27 +112,9 @@ export const AddNotebookSheet = ({
         paddingHorizontal: 12
       }}
     >
-      <View
-        style={{
-          flexDirection: "row",
-          width: "100%",
-          justifyContent: "space-between",
-          alignItems: "center"
-        }}
-      >
-        <Heading size={SIZE.lg}>
-          {notebook ? "Edit Notebook" : "New Notebook"}
-        </Heading>
-        <Button
-          title={notebook ? "Save" : "Add"}
-          type="accent"
-          height={40}
-          style={{
-            paddingHorizontal: 24
-          }}
-          onPress={onSaveChanges}
-        />
-      </View>
+      <Heading size={SIZE.lg}>
+        {notebook ? "Edit Notebook" : "New Notebook"}
+      </Heading>
 
       <Seperator />
 
@@ -167,6 +149,18 @@ export const AddNotebookSheet = ({
         returnKeyType="next"
         defaultValue={notebook ? notebook.description : ""}
       />
+
+      <Button
+        title={notebook ? "Save" : "Add"}
+        type="accent"
+        height={45}
+        fontSize={SIZE.md}
+        style={{
+          paddingHorizontal: 24,
+          width: "100%"
+        }}
+        onPress={onSaveChanges}
+      />
     </View>
   );
 };
diff --git a/apps/mobile/app/components/sheets/reminder/index.tsx b/apps/mobile/app/components/sheets/reminder/index.tsx
index d7cebaebf..c9ddaf3fb 100644
--- a/apps/mobile/app/components/sheets/reminder/index.tsx
+++ b/apps/mobile/app/components/sheets/reminder/index.tsx
@@ -591,6 +591,7 @@ export default function ReminderSheet({
         title="Save"
         type="accent"
         height={45}
+        fontSize={SIZE.md}
         style={{
           paddingHorizontal: 24,
           marginTop: 10,
diff --git a/apps/mobile/app/components/ui/pressable/index.tsx b/apps/mobile/app/components/ui/pressable/index.tsx
index 5a9363203..d4f56cbed 100644
--- a/apps/mobile/app/components/ui/pressable/index.tsx
+++ b/apps/mobile/app/components/ui/pressable/index.tsx
@@ -269,7 +269,9 @@ export const Pressable = ({
         alignItems: "center",
         marginBottom: 0,
         borderColor: pressed
-          ? borderSelectedColor || borderColor
+          ? customSelectedColor
+            ? getColorLinearShade(customSelectedColor, 0.3, false)
+            : borderSelectedColor || borderColor
           : borderColor || "transparent",
         borderWidth: borderWidth
       },
@@ -281,6 +283,7 @@ export const Pressable = ({
       opacity,
       primaryColor,
       noborder,
+      customSelectedColor,
       borderSelectedColor,
       borderColor,
       borderWidth,