From 64058cf2c8be267c6f2243e33eaadfdca97ba1fe Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Tue, 10 Oct 2023 23:43:42 +0800
Subject: [PATCH] Fixed missing url tile on homepage

---
 src/routes/Home/Home.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/Home/Home.tsx b/src/routes/Home/Home.tsx
index 69b0b2f..0babfb2 100644
--- a/src/routes/Home/Home.tsx
+++ b/src/routes/Home/Home.tsx
@@ -2,7 +2,7 @@ import styles, { colors } from "../../styles";
 import { View, Text, Pressable, ScrollView, Switch } from "react-native";
 import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
 import { useState, useEffect } from "react";
-import MapView, { Circle, Marker } from "react-native-maps";
+import MapView, { Circle, Marker, UrlTile } from "react-native-maps";
 import * as Location from "expo-location";
 import GetDistance from "../../components/GetDistance/GetDistance";
 import Button from "../../components/Button/Button";
@@ -26,6 +26,7 @@ import {
   GetStudyGroupList,
   GetStudyGroupListFiltered,
   PatchStudentStatus,
+  urlProvider,
 } from "../../components/Api/Api";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useToast } from "react-native-toast-notifications";
@@ -379,6 +380,13 @@ export default function Home() {
               }}
               loadingBackgroundColor={colors.secondary_2}
             >
+              <UrlTile
+                urlTemplate={urlProvider}
+                shouldReplaceMapContent={true}
+                maximumZ={19}
+                flipY={false}
+                zIndex={1}
+              />
               {!studying ? (
                 student_statuses_global.map(
                   (student_status: StudentStatusFilterType, index: number) => {