Merge pull request #20 from GabrielDVpereira/wpp-link

Wpp link

src/helpers/index.ts

@@ -1,4 +1,5 @@
 export * from './alert'
 export * from './parseEvents'
 export * from './color'
+export * from './parseBookingToZapLink'
 export * from './updateApproval'

src/helpers/parseBookingToZapLink.ts

@@ -0,0 +1,12 @@
+import { Booking } from "_/models";
+
+const ZAP_LINK = `https://api.whatsapp.com/send?phone=${process.env.REACT_APP_ZAP_NUMBER}`
+export function parseBookingToZapLink(booking: Booking){
+    const baseMessage = `Oii! Posso pegar o carro dia ${
+        booking.date.toLocaleString()
+    } por ${booking.duration} hora${booking.duration > 1 ? 's' : ''}?
+    Confirma lá no NeteApp?
+    ${process.env.REACT_APP_NETE_APP_LINK}`
+
+    return ZAP_LINK + `&text=${baseMessage.replace(' ', '%20')}`
+}

src/pages/Booking/index.tsx

@@ -4,6 +4,8 @@ import { useState } from "react";
 import { useAuth, useBooking } from "_/contexts";
 import { parseDateToLocaleString } from "_/util";
 import { useNavigate } from "react-router-dom";
+import { parseBookingToZapLink } from "_/helpers";
+import { Booking as BookingModel} from "_/models";
 import { ROUTE_PATHS, APPROVAL_STATE } from "_/constants";
 
 export function Booking(){
@@ -24,9 +26,11 @@ export function Booking(){
             bookerName: user.name,
             approval: APPROVAL_STATE.pending
         }
-
         createBooking(bookingData)
-        return navigate(ROUTE_PATHS.home)
+
+        const link = parseBookingToZapLink(bookingData as BookingModel)
+        window.open(link, "_blank")
+        navigate(ROUTE_PATHS.home)
     }
     return (
         <PageTemplate