From ff19565bf537e8b94a7105fb6c0300870132b845 Mon Sep 17 00:00:00 2001
From: Anna <annadiplacido3@gmail.com>
Date: Fri, 1 Nov 2024 00:47:32 +0100
Subject: [PATCH] feat : add Back Button in mealSelectionForPayment

---
 .../common/src/lib/commandsR/mealSelectionForPayment.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
index 0112a9e..3caa3a6 100644
--- a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
+++ b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import Footer from '../utils/mealSelectionForPaymentFooter';
+import BackButton from '../utils/backButton';
 
 export function MealSelectionForPayment() {
   function handleClose() {
@@ -14,8 +15,16 @@ export function MealSelectionForPayment() {
     console.log('Group button clicked');
   }
 
+  function handdleBackButtonClick(): void {
+    console.log('Back button clicked');
+  }
+
   return (
     <div style={{ paddingBottom: '80px' }}>
+      <BackButton 
+        onClick={() => handdleBackButtonClick()}
+       
+      />
       <Footer
         onClose={handleClose}
         onSelectWhoPays={handleSelectWhoPays}