thêm toast, thêm logic cho phần ButtonCreateNewHaulOrTrip

components/map/GPSInfoPanel.tsx

@@ -2,10 +2,10 @@ import { convertToDMS, kmhToKnot } from "@/utils/geom";
 import { MaterialIcons } from "@expo/vector-icons";
 import { useEffect, useRef, useState } from "react";
 import { Animated, TouchableOpacity, View } from "react-native";
+import ButtonCreateNewHaulOrTrip from "../ButtonCreateNewHaulOrTrip";
 import { Description } from "./Description";
-
 type GPSInfoPanelProps = {
-  gpsData: Model.GPSResonse | undefined;
+  gpsData: Model.GPSResponse | undefined;
 };
 
 const GPSInfoPanel = ({ gpsData }: GPSInfoPanelProps) => {
@@ -43,13 +43,28 @@ const GPSInfoPanel = ({ gpsData }: GPSInfoPanelProps) => {
           position: "absolute",
           bottom: blockBottom,
           left: 5,
-          width: 48,
-          height: 48,
-          backgroundColor: "blue",
+          // width: 48,
+          // height: 48,
+          // backgroundColor: "blue",
           borderRadius: 4,
           zIndex: 30,
         }}
-      />
+      >
+        <ButtonCreateNewHaulOrTrip gpsData={gpsData} />
+        {/* <TouchableOpacity
+          onPress={() => {
+            // showInfoToast("oad");
+            showWarningToast("This is a warning toast!");
+          }}
+          className="absolute top-2 right-2 z-10 bg-white rounded-full p-1"
+        >
+          <MaterialIcons
+            name={isExpanded ? "close" : "close"}
+            size={20}
+            color="#666"
+          />
+        </TouchableOpacity> */}
+      </Animated.View>
 
       <Animated.View
         style={{