Add 'back' button to developerDetailMenuCreator

sampleData/developmentsSampleData.json

@@ -4,20 +4,20 @@
 		"dropboxUrl": "https://www.dropbox.com/sh/t49hfiy9nlc61vh/AACAPSVNxb7w8IM8QAUYyLNVa?dl=0A",
 		"googleMapsUrl": "https://maps.app.goo.gl/o22J9WNxTdUcdbHR6",
 		"presentationVideoFileId": "12345",
-		"phoneNumber": "+34607862954  "
+		"phoneNumber": "0034607862954"
 	},
 	{
 		"name": "SaliSol Golf",
 		"dropboxUrl": "https://www.dropbox.com/sh/1jl3z0t28ia86xf/AABqTv8S39H7wpmfdpJS8aQWa?dl=0",
 		"googleMapsUrl": "https://maps.app.goo.gl/EvzDpeqqWr3ubYxk7",
 		"presentationVideoFileId": "12345",
-		"phoneNumber": "+34607862954"
+		"phoneNumber": "0034607862954"
 	},
 	{
 		"name": "SaliSol Hills",
 		"dropboxUrl": "https://www.dropbox.com/sh/t6330gcog0lz7dh/AADqYOkfEnvIQ0RF6Lr0eRBja?dl=0",
 		"googleMapsUrl": "https://maps.app.goo.gl/FRF1Yo6D5cSDGbBGA",
 		"presentationVideoFileId": "12345",
-		"phoneNumber": "+34605632401"
+		"phoneNumber": "0034605632401"
 	}
 ]

src/controllers/developments.ts

@@ -1,6 +1,7 @@
 import { Composer } from "grammy";
 import type { CustomContext } from "../types/context.js";
 import { ourDevelopmentsMenu } from "../menus/ourDevelopmentsMenu.js";
+import { developerDetailMenuCreator } from "../menus/developmentDetailMenu.js";
 
 export const developmentsController = new Composer<CustomContext>();
 developmentsController.callbackQuery("view-developments", async ctx => {
@@ -31,8 +32,15 @@ developmentsController.callbackQuery(
 
 		ctx.answerCallbackQuery();
 
-		await ctx.db.development.findOne({ name: developmentName });
-
-		await ctx.reply(`${developmentName} selected`);
+		const development = await ctx.db.development.findOne({
+			name: developmentName
+		});
+		if (!development) {
+			return;
+		}
+		const developmentKeyboard = developerDetailMenuCreator(development);
+		await ctx.reply(`*${developmentName}*`, {
+			reply_markup: developmentKeyboard
+		});
 	}
 );

src/menus/developmentDetailMenu.ts

@@ -4,7 +4,7 @@ import type { DevelopmentFromDb } from "../types/database";
 export const developerDetailMenuCreator = (
 	development: DevelopmentFromDb
 ): InlineKeyboard => {
-	const { name, googleMapsUrl, dropboxUrl, phoneNumber } = development;
+	const { name, googleMapsUrl, dropboxUrl } = development;
 	const developerDetailMenu = new InlineKeyboard()
 		.text("View Properties", `view-properties ${name}`)
 		.row()
@@ -14,7 +14,7 @@ export const developerDetailMenuCreator = (
 		.row()
 		.url("🖼️ View Dropbox", dropboxUrl)
 		.row()
-		.url("📞 Call Sales Team", `tel:${phoneNumber}`);
+		.text("🔙 Back", "view-developments");
 
 	return developerDetailMenu;
 };