Melhorado o visual e feedback dos cards de localização

backend/src/services/WbotServices/wbotMessageListener.ts

@@ -3,7 +3,7 @@ import { promisify } from "util";
 import { writeFile } from "fs";
 import * as Sentry from "@sentry/node";
 
-import {
+import WAWebJS, {
   Contact as WbotContact,
   Message as WbotMessage,
   MessageAck,
@@ -130,21 +130,17 @@ const verifyMessage = async (
     quotedMsgId: quotedMsg?.id
   };
 
-  await ticket.update({ lastMessage: msg.type === "location" ? msg.description ? "Localization - " + msg.description.split('\\n')[0] : "Localization" : msg.body });
+  await ticket.update({ lastMessage: msg.type === "location" ? msg.location.description ? "Localization - " + msg.location.description.split('\\n')[0] : "Localization" : msg.body });
 
   await CreateMessageService({ messageData });
 };
 
 const prepareLocation = (msg: WbotMessage): WbotMessage => {
-  console.log(msg)
   let gmapsUrl = "https://maps.google.com/maps?q=" + msg.location.latitude + "%2C" + msg.location.longitude + "&z=17&hl=pt-BR";
 
   msg.body = "data:image/png;base64," + msg.body + "|" + gmapsUrl;
 
-  msg.body += "|" + (msg.description != undefined ? msg.description : (msg.location.latitude + ", " + msg.location.longitude))
-
-  console.log(msg.body)
-  console.log(msg.description)
+  msg.body += "|" + (msg.location.description ? msg.location.description : (msg.location.latitude + ", " + msg.location.longitude))
 
   return msg;
 };

frontend/src/components/LocationPreview/index.js

@@ -22,18 +22,19 @@ const LocationPreview = ({ image, link, description }) => {
 			<div style={{
 				minWidth: "250px",
 			}}>
-				<Grid container spacing={1}>
-					<Grid item xs={2}>
-						<img src={image} onClick={handleLocation} />
-					</Grid>
+				<div>
+					<div style={{ float: "left" }}>
+						<img src={image} onClick={handleLocation} style={{ width: "100px" }} />
+					</div>
 					{ description && (
-					<Grid item xs={9}>
-						<Typography style={{ marginTop: "12px", marginLeft: "15px" }} variant="subtitle1" color="primary" gutterBottom>
+					<div style={{ display: "flex", flexWrap: "wrap" }}>
+						<Typography style={{ marginTop: "12px", marginLeft: "15px", marginRight: "15px", float: "left" }} variant="subtitle1" color="primary" gutterBottom>
 							<div dangerouslySetInnerHTML={{ __html: description.replace('\\n', '<br />') }}></div>
 						</Typography>
-					</Grid>
+					</div>
 					)}
-					<Grid item xs={12}>
+					<div style={{ display: "block", content: "", clear: "both" }}></div>
+					<div>
 						<Divider />
 						<Button
 							fullWidth
@@ -41,8 +42,8 @@ const LocationPreview = ({ image, link, description }) => {
 							onClick={handleLocation}
 							disabled={!link}
 						>Visualizar</Button>
-					</Grid>
-				</Grid>
+					</div>
+				</div>
 			</div>
 		</>
 	);