From e354335590ee8ae26809b220b5317ce9271335fc Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Thu, 19 Oct 2023 20:03:41 +0800
Subject: [PATCH] Move refresh button to the bottom alongside studying and
 group create buttons

---
 src/routes/Home/Home.tsx | 48 ++++++++++++++++++++++++++--------------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/routes/Home/Home.tsx b/src/routes/Home/Home.tsx
index 26102d6..4473887 100644
--- a/src/routes/Home/Home.tsx
+++ b/src/routes/Home/Home.tsx
@@ -398,22 +398,6 @@ export default function Home() {
       if (dist <= 1 || map_distance_override) {
         return (
           <>
-            <View style={{ alignSelf: "flex-end" }}>
-              <Pressable
-                onPress={() => {
-                  queryClient.invalidateQueries({ queryKey: ["user"] });
-                  queryClient.invalidateQueries({ queryKey: ["user_status"] });
-                  queryClient.invalidateQueries({
-                    queryKey: ["user_status_list"],
-                  });
-                  queryClient.invalidateQueries({
-                    queryKey: ["study_group_list"],
-                  });
-                }}
-              >
-                <RefreshIcon size={32} />
-              </Pressable>
-            </View>
             <MapView
               mapType={"none"}
               style={styles.map}
@@ -878,9 +862,39 @@ export default function Home() {
               >
                 <Text style={styles.text_white_small}>{buttonLabel}</Text>
               </Button>
+              <View
+                style={{
+                  backgroundColor: colors.secondary_3,
+                  borderRadius: 16,
+                  alignSelf: "center",
+                  marginHorizontal: 8,
+                }}
+              >
+                <Pressable
+                  onPress={() => {
+                    queryClient.invalidateQueries({ queryKey: ["user"] });
+                    queryClient.invalidateQueries({
+                      queryKey: ["user_status"],
+                    });
+                    queryClient.invalidateQueries({
+                      queryKey: ["user_status_list"],
+                    });
+                    queryClient.invalidateQueries({
+                      queryKey: ["study_group_list"],
+                    });
+                    toast.show("Refreshed", {
+                      type: "success",
+                      placement: "top",
+                      duration: 2000,
+                      animationType: "slide-in",
+                    });
+                  }}
+                >
+                  <RefreshIcon size={32} />
+                </Pressable>
+              </View>
               <Pressable
                 style={{
-                  display: modalOpen ? "none" : "flex",
                   backgroundColor: colors.secondary_3,
                   borderRadius: 16,
                   alignSelf: "center",