From 25da0c4c8ef99d7fcc284c9488515c79bed1c1be Mon Sep 17 00:00:00 2001
From: nazaninsaedi <nazaninsaedi088@gmail.com>
Date: Tue, 5 Mar 2024 21:33:25 +0000
Subject: [PATCH 1/2] feature booking state Done

---
 src/components/Bookings/Bookings.test.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Bookings/Bookings.test.jsx b/src/components/Bookings/Bookings.test.jsx
index 69e294f..dd9d344 100644
--- a/src/components/Bookings/Bookings.test.jsx
+++ b/src/components/Bookings/Bookings.test.jsx
@@ -1,11 +1,11 @@
-import { describe, it, expect } from "vitest";
-import { render, screen } from "@testing-library/react";
-import Bookings from "./Bookings.jsx";
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import Bookings from './Bookings.jsx';
 
-describe("Bookings Component", () => {
-  it("renders a main element", () => {
+describe('Bookings Component', () => {
+  it('renders a main element', () => {
     render(<Bookings />);
-    const mainElement = screen.getByRole("main");
+    const mainElement = screen.getByRole('main');
     expect(mainElement).toBeInTheDocument();
   });
 });

From 9eb31cf5a7c38519defcbf5bcff2f7d9b4b54703 Mon Sep 17 00:00:00 2001
From: nazaninsaedi <nazaninsaedi088@gmail.com>
Date: Tue, 5 Mar 2024 21:34:08 +0000
Subject: [PATCH 2/2] FeatureBookingsStateDone

---
 src/components/Bookings/Bookings.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Bookings/Bookings.jsx b/src/components/Bookings/Bookings.jsx
index fa5e5e6..a10c3af 100644
--- a/src/components/Bookings/Bookings.jsx
+++ b/src/components/Bookings/Bookings.jsx
@@ -1,9 +1,15 @@
+import React, { useState } from 'react';
 import Search from "@/components/Search/Search";
 import SearchResult from "../SearchResult/SearchResult";
+import FakeBookings from '@/data/fakeBookings.json';
+
 // import SearchResults from "@/componentsSearchResults.js";
 // import FakeBookings from "@/data/fakeBookings.json";
 
 const Bookings = () => {
+
+  const [bookings, setBookings] = useSatet(FakeBookings);
+
   const search = (searchVal) => {
     console.info("TO DO!", searchVal);
   };
@@ -11,7 +17,7 @@ const Bookings = () => {
   return (
     <main className="bookings">
       <Search search={search} />
-      <SearchResult />
+      <SearchResult bookings={bookings} />
     </main>
   );
 };