{children}
\n ),\n Marker: () => \n}));\n\ndescribe('HotelMap Component', () => {\n const mockBranding = {\n name: 'Test B&B',\n logoUrl: '/logo.png',\n description: 'A lovely place to stay',\n map: {\n latitude: 51.5074,\n longitude: -0.1278\n },\n directions: 'Turn left at the church, continue for half a mile',\n contact: {\n name: 'John Doe',\n phone: '123-456-7890',\n email: 'contact@testbandb.com'\n },\n address: {\n line1: '123 Test Street',\n line2: 'Test Area',\n postTown: 'Testington',\n county: 'Testshire',\n postCode: 'TE1 1ST'\n }\n };\n\n it('renders the location section with correct heading', () => {\n render(\n
\n );\n\n // Wait for fetch mock to be called\n await waitFor(() => {\n expect(global.fetch).toHaveBeenCalledWith('/api/report');\n });\n\n const items = await screen.findAllByText(/103/);\n expect(items).toHaveLength(1);\n });\n});\n"
},
{
"path": "assets/src/__tests__/RoomDetails.test.tsx",
"content": "import React from 'react';\nimport RoomDetails from '../components/admin/RoomDetails';\nimport { Routes, Route, MemoryRouter } from 'react-router-dom';\nimport { render, waitFor, fireEvent } from '@testing-library/react';\n\ninterface RoomObject {\n roomid: number;\n roomName: string;\n type: string;\n accessible: boolean;\n image: string;\n description: string;\n features: string[];\n roomPrice: number;\n featuresObject?: {\n WiFi: boolean;\n TV: boolean;\n Radio: boolean;\n Refreshments: boolean;\n Safe: boolean;\n Views: boolean;\n [key: string]: boolean;\n };\n}\n\nconst roomObject: RoomObject = {\n roomid: 1,\n roomName: \"101\",\n type: \"Single\",\n accessible: true,\n image: \"https://www.mwtestconsultancy.co.uk/img/testim/room2.jpg\",\n description: \"Aenean porttitor mauris sit amet lacinia molestie. In posuere accumsan aliquet. Maecenas sit amet nisl massa. Interdum et malesuada fames ac ante.\",\n features: [\"TV, WiFi, Safe\"],\n roomPrice: 100,\n featuresObject: {\n WiFi: false,\n TV: false,\n Radio: false,\n Refreshments: false,\n Safe: false,\n Views: false,\n 'TV, WiFi, Safe': true\n }\n};\n\ndescribe('RoomDetails Component', () => {\n beforeEach(() => {\n jest.clearAllMocks();\n // Mock the bookings endpoint by default\n global.fetch = jest.fn()\n .mockImplementation((url: string) => {\n if (url.includes('/api/booking/')) {\n return Promise.resolve({\n ok: true,\n json: () => Promise.resolve({ bookings: [] })\n });\n }\n return Promise.resolve({\n ok: true,\n json: () => Promise.resolve(roomObject)\n });\n });\n });\n\n test('Room details component renders', async () => {\n const { asFragment, getByText } = render(\n \n B&B details\n
\n\n
\n Map details\n
\n\n
\n Contact details\n
\n\n
\n Address details\n
\n\n
\n \n From: \n \n Mark Winteringham\n
\n \n\n \n Phone: \n \n 01821 912812\n
\n \n \n\n \n Email: \n \n mark@mwtestconsultancy.co.uk\n
\n \n \n\n \n Subject description here\n \n
\n \n \n\n Lorem ipsum dolores est\n
\n \n \n\n
\n \n Subject\n
\n \n\n Mark Winteringham\n
\n \n\n Subject description here\n
\n \n\n James Dean\n
\n \n\n Another description here\n
\n \n\n Janet Samson\n
\n \n\n Lorem ipsum dolores est\n
\n \n\n
\n \n Subject\n
\n \n\n Mark Winteringham\n
\n \n\n Subject description here\n
\n \n\n James Dean\n
\n \n\n Another description here\n
\n \n\n Janet Samson\n
\n \n\n Lorem ipsum dolores est\n
\n \n\n \n \n \n
\n \n Room: 101\n
\n\n Type: \n \n Single\n \n
\n \n\n Description: \n \n Aenean porttitor mauris sit amet lacinia molestie....\n \n
\n \n \n\n Accessible: \n \n true\n \n
\n\n Features: \n \n TV, WiFi, Safe\n \n
\n\n Room price: \n \n 100\n \n
\n \n\n Image:\n
\n\n First name\n
\n \n\n Last name\n
\n \n\n Price\n
\n \n\n Deposit paid?\n
\n \n\n Check in\n
\n \n\n Check out\n
\n \n\n \n \n \n
\n \n Room: \n
\n\n Type can only contain the room options Single, Double, Twin, Family or Suite\n
\n \n \n\n First name\n
\n \n\n Last name\n
\n \n\n Price\n
\n \n\n Deposit paid?\n
\n \n\n Check in\n
\n \n\n Check out\n
\n \n\n \n \n \n
\n \n Room: 101\n
\n\n Type: \n \n Single\n \n
\n \n\n Description: \n \n Aenean porttitor mauris sit amet lacinia molestie....\n \n
\n \n \n\n Accessible: \n \n true\n \n
\n\n Features: \n \n TV, WiFi, Safe\n \n
\n\n Room price: \n \n 100\n \n
\n \n\n Image:\n
\n\n First name\n
\n \n\n Last name\n
\n \n\n Price\n
\n \n\n Deposit paid?\n
\n \n\n Check in\n
\n \n\n Check out\n
\n \n\n \n \n \n
\n \n Room: \n
\n\n First name\n
\n \n\n Last name\n
\n \n\n Price\n
\n \n\n Deposit paid?\n
\n \n\n Check in\n
\n \n\n Check out\n
\n \n\n \n \n \n
\n \n James\n
\n\n Dean\n
\n \n\n 0\n
\n \n\n true\n
\n \n\n 2022-02-01\n
\n \n\n 2022-02-05\n
\n \n\n \n \n \n
\n \n James\n
\n\n Dean\n
\n \n\n 0\n
\n \n\n true\n
\n \n\n 2022-02-01\n
\n \n\n 2022-02-05\n
\n \n\n \n
\n );\n }\n\n return (\n \n \n
\n );\n} "
},
{
"path": "assets/src/app/admin/message/page.tsx",
"content": "'use client';\n\nimport React, { Suspense } from 'react';\nimport dynamic from 'next/dynamic';\nimport Loading from '@/components/admin/Loading';\n\n// Dynamically import the MessageList component\nconst MessageList = dynamic(\n () => import('@/components/admin/MessageList'),\n { \n loading: () => \n {children}\n
\n Loading...
;\n }\n \n return (\n \n
\n );\n} "
},
{
"path": "assets/src/app/admin/report/page.tsx",
"content": "'use client';\n\nimport React, { Suspense } from 'react';\nimport dynamic from 'next/dynamic';\nimport Loading from '@/components/admin/Loading';\n\n// Dynamically import the Report component\nconst Report = dynamic(\n () => import('@/components/admin/Report'),\n { \n loading: () => \n
\n )\n }\n\n return (\n <>\n \n \n
\n \n
\n \n \n );\n} "
},
{
"path": "assets/src/app/globals.css",
"content": ".detail:hover {\n background-color: #ddd;\n}\n\n.detail p, .detail span {\n display: table-cell;\n display: table-cell;\n line-height : 40px;\n}\n\n.room-form {\n padding-bottom: 25px;\n margin-top: 10px;\n}\n\n.room-details {\n border-radius: 5px;\n padding: 20px;\n background: #f5f5f5;\n margin-bottom: 20px;\n}\n\n.room-details img {\n height: 200px;\n}\n\n.room-details p{\n font-weight: bold;\n}\n\n.room-details span{\n font-weight: normal;\n}\n\n.editLabel {\n margin-top: 20px;\n}\n\n/* Welcome page */\n\n.welcome h2, .welcome h4{\n text-align: center;\n}\n\n.welcome p{\n text-align: justify;\n}\n\n.welcome .content{\n height: 340px;\n}\n\n.dateWrapper {\n display: block !important;\n}\n\n/* Report page */\n\nsvg {\n padding: 1px;\n}\n\n.confirmation-modal {\n border: 1px solid black;\n padding: 20px;\n background-color: #ffffff;\n width: 50%;\n margin: 100px auto auto auto;\n}\n\n/* Branding page */\n\n.branding-form {\n padding-bottom: 15px;\n}\n\n.success {\n margin-left : \"10px\";\n color : green;\n float : right;\n font-size: 1.2rem;\n}\n\n.Modal {\n border: 1px solid black;\n padding: 20px;\n background-color: #ffffff;\n width: 180px;\n margin: 20px auto auto auto;\n}\n\n/* Nav bar */\n\n.notification {\n color: white;\n border-radius: 100%;\n background-color: darkred;\n padding: 4px;\n font-weight: bold;\n font-family : Arial;\n position: absolute;\n margin: -5px 0px 0px -12px;\n font-size : 0.8rem;\n min-width: 20px;\n text-align: center;\n}\n\n/* Message list */\n\n.read-false {\n font-weight: bold;\n}\n\n/* Message popup */\n\n.message-modal {\n border: 1px solid black;\n padding: 20px;\n background-color: #ffffff;\n width: 70%;\n margin: 100px auto auto auto;\n}\n\n.message-modal span{\n font-weight: bold;\n}\n\n/* New home page CSS */\n\n:root {\n --primary: #2c3e50;\n --secondary: #3498db;\n --accent: #e74c3c;\n}\n\n.hero {\n background-size: cover;\n position: relative;\n color: white;\n}\n\n.hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.hero-content {\n position: relative;\n z-index: 1;\n}\n\n.booking-card {\n margin-top: -100px;\n}\n\n.room-card {\n transition: transform 0.3s;\n}\n\n.room-card:hover {\n transform: translateY(-5px);\n}\n\n.room-image {\n height: 200px;\n overflow: hidden;\n}\n\n.room-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s;\n}\n\n.room-card:hover .room-image img {\n transform: scale(1.05);\n}\n\n.calendar-day {\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.calendar-day:hover:not(.bg-light) {\n background-color: #e9f0f9 !important;\n}\n\n.amenity-icon {\n width: 50px;\n height: 50px;\n background-color: rgba(52, 152, 219, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: var(--secondary);\n}\n\n.footer {\n background-color: var(--primary);\n}\n\n.nav-link {\n color: var(--primary);\n font-weight: 500;\n}\n\n.btn-primary {\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n\n.btn-primary:hover {\n background-color: #2980b9;\n border-color: #2980b9;\n}\n\n.section-divider {\n padding: 80px 0;\n}\n"
},
{
"path": "assets/src/app/layout.tsx",
"content": "import type { Metadata } from 'next'\nimport './globals.css'\nimport Script from 'next/script'\n\nexport const metadata: Metadata = {\n title: 'Restful-booker-platform demo',\n description: 'A platform for testing restful web services',\n}\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode\n}) {\n return (\n \n \n \n \n \n \n \n {/* Bootstrap CSS */}\n \n \n {/* Font Awesome */}\n \n \n \n \n
\n \n \n \n
\n \n
\n
\n Cookie Policy
\nBY CONTINUING TO USE OUR SITE AND SERVICES, YOU ARE AGREEING TO THE USE OF COOKIES AND SIMILAR TECHNOLOGIES FOR THE PURPOSES WE DESCRIBE IN THIS PRIVACY POLICY. IF YOU DO NOT ACCEPT THE USE OF COOKIES AND SIMILAR TECHNOLOGIES, DO NOT USE THIS SITE.
\n\nWhat is a cookie?
​\nA cookie is a simple text file that is stored on your computer or mobile device by a website's server. Each cookie is unique to your web browser. It will contain some anonymous information such as a unique identifier and the site name and some digits and numbers.
\n\nMost websites you visit use cookies to improve your user experience by allowing the website to 'remember' you, either for the duration of your visit (using a 'session cookie') or for repeat visits (using a 'persistent cookie').
\n\nCookies may be set by the website you are visiting ('first party cookies') or they may be set by other websites who run content on the page you are viewing ('third party cookies').
\n\nWhat do cookies do?
\nCookies have lots of different jobs, like letting you navigate between pages efficiently, storing your preferences, and improving your experience of a website. Cookies make the interaction between you and the website faster and easier. If a website doesn't use cookies, it will think you are a new visitor every time you move to a new page on the site, for example, even after you \"log in,\" if you move to another page it won't recognise you and it won't be able to keep you logged in.
\n\nHow does ​Automation in Testing Online use cookies?
\nAutomation in Testing Online uses different types of cookies to enhance and improve your experience.
\nAutomation in Testing Online uses cookies for:
\n\n| Category of Use | Description |
|---|---|
| Security | We use cookies to enable and support our security features, for example: to authenticate Members, prevent fraudulent use of login credentials, and protect Member data from unauthorized parties. |
| Session State | We collect information about how our Users and Members use and interact with the Site. This may include the pages Members visit most often and when and where Members get error messages. We use these \"session state cookies\" to help us improve our Site and Services. Blocking or deleting these cookies will not prevent the Site from working. Analytics These cookies help us learn how our Site performs in different locations. We use cookies to understand and improve our Services and features. |
What third-party cookies does ​Automation in Testing Online use?
\n\nTrusted partners like Cloudflare, and analytics companies like Google Analytics may also place cookies on your device. Please read our partners' privacy policies (linked below) to ensure that you're comfortable with how they use cookies. We've also provided links to opt out of their services, if you'd like.
\n\n \n\nWhat should you do if you don't want cookies to be set?
\n\nSome people find the idea of a website storing information on their computer or mobile device to be intrusive, particularly when this information is stored and used by a third party without them knowing. Although cookies are generally quite harmless, you may not, for example, want to see advertising that has been targeted to your interests using your browser history. If you prefer, you may choose to block some or all cookies, or even to delete cookies that have already been set; but you should be aware that you might lose some functions of the website.
\n\nIf you want to restrict or block the cookies that are set by our Site, or any other site, you can do so through your browser setting. The 'Help' function in your browser should explain how. Alternatively, you can visit www.aboutcookies.org, which contains comprehensive information on how to do this on a wide variety of browsers. You will find general information about cookies and details on how to delete cookies from your machine.
\n\nTo opt-out of third-parties collecting any data regarding your interaction on our Site, please refer to their websites for further information.
\n\n
\n {children}\n
\n \n {/* Popper.js */}\n \n \n {/* Bootstrap JS */}\n \n\n \n \n )\n}\n"
},
{
"path": "assets/src/app/page.tsx",
"content": "'use client';\n\nimport React, { useState, useEffect } from \"react\";\nimport HomeNav from \"@/components/HomeNav\";\nimport Footer from \"@/components/Footer\";\nimport HotelContact from \"@/components/home/HotelContact\";\nimport HotelMap from \"@/components/home/HotelMap\";\nimport HotelLogo from \"@/components/home/HotelLogo\";\nimport Availability from \"@/components/home/Availability\";\n\nimport { Branding } from \"@/types/branding\";\n\nexport default function Home() {\n\n const [branding, setBranding] = useState\n
\n )\n }\n\n return (\n \n \n
\n \n
\n );\n}\n"
},
{
"path": "assets/src/app/privacy/page.tsx",
"content": "'use client';\n\nimport React from 'react';\nimport { useState, useEffect } from 'react';\nimport Footer from '@/components/Footer';\nimport { Branding } from '@/types/branding';\n\nexport default function PrivacyPolicy() {\n\n const [branding, setBranding] = useState\n
\n )\n }\n\n return (\n <>\n \n \n
\n \n
\n \n \n );\n} "
},
{
"path": "assets/src/app/reservation/[id]/page.tsx",
"content": "\n'use client';\n\nimport React from 'react';\nimport { useState, useEffect } from 'react';\nimport { useSearchParams } from 'next/navigation';\nimport Footer from '@/components/Footer';\nimport { Branding } from '@/types/branding';\nimport HomeNav from '@/components/HomeNav';\nimport Breadcrumb from '@/components/reservation/Breadcrumb';\nimport RoomDetails from '@/components/reservation/RoomDetails';\nimport SimilarRooms from '@/components/reservation/SimilarRooms';\nimport BookingForm from '@/components/reservation/BookingForm';\n\nimport '@/styles/reservations.css';\nimport { Room } from '@/types/room';\n\nexport default function Reservation({params}: {params: Promise<{ id: string }>}) {\n\n const unwrappedParams = React.use(params);\n\n const urlParams = useSearchParams();\n const checkin = urlParams.get('checkin');\n const checkout = urlParams.get('checkout');\n \n const [branding, setBranding] = useState\n
\n \n
\n
\n Privacy Policy Notice
\nThe policy: This privacy policy notice is for this website; https://automationintesting.online and served by MW Test Consultancy, 7 Sheridan Close, Norwich, Norfolk, NR8 6RW and governs the privacy of those who use it. The purpose of this policy is to explain to you how we control, process, handle and protect your personal information while browsing or using this website, including your rights under current laws and regulations. If you do not agree to the following policy you may wish to cease viewing / using this website.
\n\nPolicy key definitions:
\n\n- \n
- \"I\", \"our\", \"us\", or \"we\" refer to the business, MW Test Consultancy. \n
- \"you\", \"the user\" refer to the person(s) using this website. \n
- GDPR means General Data Protection Act. \n
- PECR means Privacy and Electronic Communications Regulation. \n
- ICO means Information Commissioner's Office. \n
- Cookies mean small files stored on a users computer or device. \n
Processing of your personal data
\nUnder the GDPR (General Data Protection Regulation) we control and / or process any personal information about you electronically using the following lawful bases.
\nWe are exempt from registration in the ICO Data Protection Register because Organisations that do not decide how personal data is processed are exempt. You therefore do not have to pay a fee to the ICO .
\n\nInformation we collect automatically
\nWe collect information about you when you use our Services, including browsing our websites and when you use specific features.
\n\nYour Use Of Our Services:
\nWe track certain information about you when you visit and interact with our Services. This information includes, but is not limited to, the features you use, for example, the content you view and how long you use our Services. We also track frequently used search terms and selected keywords to help us prioritise and source content on those topics.
\n\nDevice And Connection Information:
\nWe collect information about the device you use to access our Services. This device information includes device type, screen height and screen width. We also collect information about the operating system on the device and the browser you're using to access our Services. This information is used to optimize our Services for the most popular devices and browsers, and to assist us with prioritising our testing.
\n\nWe collect information about your referer to our services and which page you initially land on. We use your IP address in order to help us tailor our Services to your location. How much of this information we collect depends on the type and settings of the device you use to access our Services.
\n\nCookies And Other Tracking Technologies:
\nWe use cookies and similar tracking technologies to collect information about your interactions with our Services in order to help us improve user experience. We also use Google Analytics cookies to help us understand how you arrived to our site and what you spent your time looking at. For more information about cookies, please see our Cookie-Policy
\n\nYour individual rights
\nUnder the GDPR your rights are as follows. You can read more about your rights in details here;
\n\n- \n
- the right to be informed; \n
- the right of access; \n
- the right to rectification; \n
- the right to erasure; \n
- the right to restrict processing; \n
- the right to data portability; \n
- the right to object; and \n
- the right not to be subject to automated decision-making including profiling. \n
- You also have the right to complain to the ICO [www.ico.org.uk] if you feel there is a problem with the way we are handling your data. \n
We handle subject access requests in accordance with the GDPR.
\n\nInternet cookies
\nWe use cookies on this website to provide you with a better user experience. We do this by placing a small text file on your device / computer hard drive to track how you use the website, to record or log whether you have seen particular messages that we display, to keep you logged into the website where applicable, to display relevant adverts or content, referred you to a third party website.
\n\nSome cookies are required to enjoy and use the full functionality of this website.
\n\nSome cookies will be saved for specific time periods, where others may last indefinitely. Your web browser should provide you with the controls to manage and delete cookies from your device, please see your web browser options.
\n\nCookies that we use are;
\n\n- \n
- CloudFlare - Responsible for security and caching of the website \n
- Google Analytics - Responsible tracking user interaction with automationintesting.online to help improve the experience of the application \n
- Custom cookies - Responsible for enabling and disabling specific features within the application. These are not used for tracking user behaviour \n
Data security and protection
\nWe ensure the security of any personal information we hold by using secure data storage technologies and precise procedures in how we store, access and manage that information. Our methods meet the GDPR compliance requirement.
\n\nTransparent Privacy Explanations
\nWe have provided some further explanations about user privacy and the way we use this website to help promote a transparent and honest user privacy methodology.
\n\nSponsored links, affiliate tracking and commissions
\nOur website may contain adverts, sponsored and affiliate links on some pages. These are typically served through our advertising partners; Google Adsense, eBay Partner Network, Amazon Affiliates, or are self served through our own means. We only use trusted advertising partners who each have high standards of user privacy and security. However we do not control the actual adverts seen / displayed by our advertising partners. Our ad partners may collect data and use cookies for ad personalisation and measurement. Where ad preferences are requested as 'non-personalised' cookies may still be used for frequency capping, aggregated ad reporting and to combat fraud and abuse.
\n\nClickable sponsored or affiliate links may be displayed as a website URL like this; www.automationintesting.online or as a titled text link like this: Sponsored by Test tool provider.
\n\nClicking on any adverts, sponsored or affiliate links may track your actions by using a cookie saved to your device. You can read more about cookies on this website above. Your actions are usually recorded as a referral from our website by this cookie. In most cases we earn a very small commission from the advertiser or advertising partner, at no cost to you, whether you make a purchase on their website or not.
\n\nWe use advertising partners in these ways to help generate an income from the website, which allows us to continue our work and provide you with the best overall experience and valued information.
\n\nIf you have any concerns about this we suggest you do not click on any adverts, sponsored or affiliate links found throughout the website.
\n\n
\n
\n )\n }\n\n return (\n \n \n
\n \n
\n )\n}"
},
{
"path": "assets/src/components/Footer.tsx",
"content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Branding } from \"@/types/branding\";\n\nimport packageJson from '../../package.json';\n\ninterface FooterProps {\n branding: Branding;\n}\n\nconst Footer: React.FC\n
\n\n \n
\n \n {errors.map((value) => (\n
\n );\n }\n\n return (\n {value}
\n ))}\n\n
\n \n updateState({ name: e.target.name, value: e.target.value })} /> \n
\n \n updateState({ name: e.target.name, value: e.target.value })} />\n
\n \n
\n \n
\n \n Room\n \n
\n \n
\n \n Deposit paid?\n \n
\n \n
\n \n
\n Checkin: {booking.bookingdates.checkin}
\n\n
\n Checkout: {booking.bookingdates.checkout}
\n\n
\n {errorDetails}\n \n \n \n
\n \n \n \n \n
\n } else {\n bookingView = {roomPrice}
\n \n
\n \n handleDateChange(date, 'checkin')} />\n
\n \n handleDateChange(date, 'checkout')} />\n
\n \n \n {toggleEdit(false)}}>\n
\n \n \n \n \n \n \n \n
\n }\n\n return(\n {booking.firstname}
{booking.lastname}
{calculatedPrice}
{String(booking.depositpaid)}
{booking.bookingdates.checkin.split('T')[0]}
{booking.bookingdates.checkout.split('T')[0]}
\n {toggleEdit(true)}} style={{paddingRight: \"10px\"}}>\n \n
\n \n {bookingView}\n
\n )\n}\n\nexport default BookingListing; "
},
{
"path": "assets/src/components/admin/BookingListings.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport BookingListing from './BookingListing';\nimport { Booking } from '@/types/booking';\n\ninterface BookingListingsProps {\n roomid: string;\n roomPrice?: number;\n}\n\nconst BookingListings: React.FC\n {bookings?.map((booking, id) => (\n
\n );\n};\n\nexport default BookingListings;"
},
{
"path": "assets/src/components/admin/Branding.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport ReactModal from 'react-modal';\nimport { Branding as BrandingType } from '@/types/branding';\n\nconst Branding: React.FC = () => {\n const [branding, setBranding] = useState\n
\n ))}\n \n
\n
\n
\n
\n \n \n toggleModal(false)}\n className=\"Modal\"\n >\n \n\n {errors.length > 0 && (\n
\n );\n};\n\nexport default Branding;"
},
{
"path": "assets/src/components/admin/Loading.tsx",
"content": "import React from 'react';\n\nconst Loading: React.FC = () => {\n return (\n B&B details
\n\n
\n \n Name\n
\n \n \n
\n \n Logo\n
\n \n \n
\n \n Description\n
\n \n \n
Map details
\n\n
\n \n Latitude\n
\n \n \n
\n \n Longitude\n
\n \n \n
\n \n Directions\n
\n \n \n
Contact details
\n\n
\n \n Name\n
\n \n \n
\n \n Phone\n
\n \n \n
\n \n Email\n
\n \n \n
Address details
\n\n
\n \n Line 1\n
\n \n
\n \n Line 2\n
\n \n
\n \n Post Town\n
\n \n
\n \n County\n
\n \n
\n \n Post Code\n
\n \n \n \n
\n
\n \n
\n Branding updated!
\n \n\n {errors.map((error) => (\n
\n )}\n {error}
\n ))}\n\n
\n );\n};\n\nexport default Loading; "
},
{
"path": "assets/src/components/admin/Login.tsx",
"content": "import React, { useState } from 'react';\nimport Cookies from 'universal-cookie';\n\ninterface LoginProps {\n setAuthenticate: (value: boolean) => void;\n}\n\nconst Login: React.FC\n Loading...\n
\n Loading...
\n\n \n
\n );\n};\n\nexport default Login; "
},
{
"path": "assets/src/components/admin/Message.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport ReactModal from 'react-modal';\n\ninterface MessageProps {\n messageId: number;\n closeMessage: () => void;\n refreshMessageList: () => void;\n}\n\ninterface MessageDetails {\n id: number;\n name: string;\n email: string;\n phone: string;\n subject: string;\n description: string;\n read: boolean;\n}\n\nconst Message: React.FC\n
\n \n \n
\n \n
\n Login
\n\n {error && (\n
\n \n Invalid credentials\n
\n )}\n \n \n
\n \n
\n \n
\n From: {message.name}
\n\n
\n Phone: {message.phone}
\n\n
\n \n
\n Email: {message.email}
\n\n
\n \n
\n {message.subject}
\n\n
\n \n
\n {message.description}
\n\n
\n \n \n
\n \n {messageId > 0 && \n
\n );\n};\n\nexport default MessageList; "
},
{
"path": "assets/src/components/admin/Nav.tsx",
"content": "import React, { useState } from 'react';\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport Cookies from 'universal-cookie';\n\ninterface NavProps {\n setAuthenticate: (value: boolean) => void;\n isAuthenticated: boolean | null;\n}\n\nconst Nav: React.FC\n
\n \n \n \n \n
\n {messages.map((value, index) => {\n return Name
Subject
\n
\n })}\n openMessage(value.id)}>
\n {value.name}
openMessage(value.id)}>
\n {value.subject}
\n deleteMessage(value.id)}>\n
\n \n
\n );\n};\n\nexport default Report; "
},
{
"path": "assets/src/components/admin/RoomDetails.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport BookingListings from './BookingListings';\n\ninterface RoomDetailsProps {\n id: string;\n}\n\ninterface RoomState {\n roomName?: string;\n type?: string;\n accessible: boolean;\n description: string;\n image?: string;\n roomPrice?: number;\n featuresObject: {\n WiFi: boolean;\n TV: boolean;\n Radio: boolean;\n Refreshments: boolean;\n Safe: boolean;\n Views: boolean;\n };\n features: string[];\n}\n\nconst RoomDetails: React.FC\n
\n );\n }\n\n return (\n \n
\n \n
\n Room:
\n \n\n \n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n
\n \n
\n {errors.length > 0 && (\n \n \n
\n \n {Object.entries(room.featuresObject).map(([feature, checked]) => (\n
\n \n
\n ))}\n \n
\n \n \n \n
\n \n {errors.map((error) => (\n
\n )}\n {error}
\n ))}\n\n
\n );\n };\n\n return (\n \n
\n \n
\n Room: {room.roomName}
\n\n \n
\n \n
\n \n
\n Type: {room.type}
\n\n
\n Description: \n {room.description && room.description.length >= 50\n ? room.description.substring(0, 50) + \"...\"\n : room.description}\n
\n\n
\n \n
\n Accessible: {room.accessible.toString()}
\nFeatures: \n {room.features.length > 0\n ? room.features.join(\", \")\n : No features added to the room\n }\n
\nRoom price: {room.roomPrice}
\n\n 
\n
\n Image:
\n\n {renderRoomSummary()}\n
\n );\n};\n\nexport default RoomDetails; "
},
{
"path": "assets/src/components/admin/RoomForm.tsx",
"content": "import React, { useState } from 'react';\n\ninterface RoomFormProps {\n updateRooms: () => void;\n}\n\ninterface RoomData {\n roomName: string;\n type: string;\n accessible: boolean;\n description: string;\n image: string;\n roomPrice: string;\n features: {\n WiFi: boolean;\n TV: boolean;\n Radio: boolean;\n Refreshments: boolean;\n Safe: boolean;\n Views: boolean;\n };\n}\n\nconst RoomForm: React.FC\n \n \n \n \n \n \n \n
\n First name
Last name
Price
Deposit paid?
Check in
Check out
\n {errors.map((value) => (\n
\n ) : null;\n\n return (\n {value}
\n ))}\n\n
\n );\n}\n\nexport default RoomForm;\n"
},
{
"path": "assets/src/components/admin/RoomListing.tsx",
"content": "import React from 'react';\n\nimport { Room } from '@/types/room';\n\ninterface RoomListingProps {\n details: Room;\n updateRooms: () => void;\n}\n\nconst RoomListing: React.FC\n
\n {errorMessages}\n \n updateState(e)}\n />\n
\n \n \n
\n \n \n
\n \n updateState(e)} \n />\n
\n \n
\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n
\n \n updateState(e)} \n />\n \n
\n \n \n
\n \n \n \n \n \n
\n );\n}\n\nexport default RoomListing;\n"
},
{
"path": "assets/src/components/admin/RoomListings.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport RoomListing from './RoomListing';\nimport RoomForm from './RoomForm';\n\nimport { Room } from '@/types/room';\n\nconst RoomListings: React.FC = () => {\n const [rooms, setRooms] = useState{details.roomName}
{details.type}
{details.accessible.toString()}
{details.roomPrice}
\n
\n \n {details.features.length > 0 &&\n details.features.map((value, index) => {\n if(index + 1 === details.features.length){\n return value;\n } else {\n return value + \", \";\n }\n })\n }\n {details.features.length === 0 && \n No features added to the room\n }\n
\n\n \n
\n \n \n
\n );\n}\n\nexport default RoomListings;"
},
{
"path": "assets/src/components/home/Availability.tsx",
"content": "'use client';\n\nimport React, { useState, useEffect } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport moment from \"moment\";\n\nimport HotelRoomInfo from \"./HotelRoomInfo\";\n\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { registerLocale, setDefaultLocale } from \"react-datepicker\";\nimport { enGB } from 'date-fns/locale/en-GB';\nregisterLocale('en-GB', enGB)\nsetDefaultLocale('en-GB');\n\nimport { Room } from \"@/types/room\";\nimport { Availability as AvailabilityType } from \"@/types/availability\";\n\nexport default function Availability() {\n\n const today = new Date();\n const tomorrow = new Date();\n tomorrow.setDate(today.getDate() + 1);\n\n const [rooms, setRooms] = useState\n \n \n \n \n \n \n
\n {rooms.map((room, id) => {\n return Room #
Type
Accessible
Price
Room details
\n \n \n\n \n \n
\n );\n\n}"
},
{
"path": "assets/src/components/home/HotelContact.tsx",
"content": "import React, { useState } from 'react';\nimport { JSX } from 'react';\n\ninterface ContactDetails {\n name?: string;\n address?: string;\n phone?: string;\n email?: string;\n}\n\ninterface HotelContactProps {\n contactDetails?: ContactDetails;\n}\n\ninterface ContactForm {\n name: string;\n email: string;\n phone: string;\n subject: string;\n description: string;\n}\n\nconst HotelContact: React.FC\n
\n \n
\n \n
\n Check Availability & Book Your Stay
\n \n\n
\n \n
\n \n Our Rooms
\nComfortable beds and delightful breakfast from locally sourced ingredients
\n\n {rooms.slice(0, 3).map((roomDetails) => {\n return
\n \n {errorMessages.map((value, id) => (\n
\n );\n }\n\n if(submitted) {\n return (\n {value}
\n ))}\n\n
\n \n
\n \n
\n \n
\n \n
\n Thanks for getting in touch {contact.name}!
\nWe'll get back to you about
\n{contact.subject}
\nas soon as possible.
\n\n
\n \n
\n \n
\n \n
\n \n
\n {errors}\n
\n Send Us a Message
\n \n \n\n {errors}\n
\n //
\n // );\n // } else {\n // form = (\n // \n // );\n // }\n\n \n};\n\nexport default HotelContact; "
},
{
"path": "assets/src/components/home/HotelLogo.tsx",
"content": "import React from 'react';\nimport { Branding } from '@/types/branding';\n\ninterface HotelLogoProps {\n branding: Branding;\n}\n\nconst HotelLogo: React.FCThanks for getting in touch {contact.name}!
\n //We'll get back to you about
\n //{contact.subject}
\n //as soon as possible.
\n //\n
\n \n \n
\n \n
\n \n
\n \n Our Location
\nFind us in the beautiful {branding?.address.postTown} countryside
\n\n
\n \n
\n \n \n
\n \n \n \n {marker}\n \n
\n \n
\n \n
\n \n
\n \n
\n Contact Information
\n \n\n
\n \n \n \n
\n \n
\n Address
\n{branding.address.line1}, {branding.address.line2}, {branding.address.postTown}, {branding.address.county}, {branding.address.postCode}
\n\n
\n \n \n \n
\n \n
\n Phone
\n{branding?.contact.phone}
\n\n
\n \n \n \n
\n \n Email
\n
\n {branding?.contact.email}
\n\n \n
Getting Here
\n{branding?.directions}
\n\n
\n );\n};\n\nexport default HotelRoomInfo; "
},
{
"path": "assets/src/components/reservation/BookingForm.tsx",
"content": "import React, { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\nimport { Calendar, momentLocalizer } from \"react-big-calendar\";\nimport moment from \"moment\";\nimport \"react-big-calendar/lib/css/react-big-calendar.css\";\nimport { Room as RoomType } from \"@/types/room\";\nimport { Booking } from \"@/types/booking\";\nimport { set } from \"react-datepicker/dist/date_utils\";\n\ninterface RoomDetailsProps {\n room: RoomType;\n}\n\ninterface Event {\n start: Date;\n end: Date;\n title: string;\n}\n\nconst BookingForm: React.FC\n 
\n
\n \n
\n {roomDetails.type}
\n{roomDetails.description}
\n\n
\n \n {roomDetails.features.map((feature, index) => (\n \n {feature}\n \n ))}\n
\n \n
\n £{roomDetails.roomPrice} per night
\n Book now\n \n
\n );\n }\n\n if(toggleBooking && confirmedBooking) {\n return (\n \n
\n \n
\n \n \n
\n \n
\n )\n }\n\n if(toggleBooking) {\n return (\n \n
\n \n
\n Booking Confirmed
\nYour booking has been confirmed for the following dates:
\n{bookingDetails?.bookingdates.checkin} - {bookingDetails?.bookingdates.checkout}
\n Return home\n\n
\n )\n } else {\n return (\n \n
\n \n
\n Book This Room
\n \n\n £{room.roomPrice}\n per night\n
\n \n \n
\n )\n }\n\n}\n\nexport default BookingForm;"
},
{
"path": "assets/src/components/reservation/Breadcrumb.tsx",
"content": "\nimport React from 'react';\n\ninterface BreadcrumbProps {\n roomType: string;\n}\n\nconst Breadcrumb: React.FC\n
\n \n
\n Book This Room
\n \n\n £{room.roomPrice}\n per night\n
\n \n \n
\n );\n}\n\nexport default Breadcrumb;"
},
{
"path": "assets/src/components/reservation/RoomDetails.tsx",
"content": "import React from 'react';\n\nimport { Room as RoomType } from \"@/types/room\";\nimport { translateIcon } from \"@/utils/iconUtils\";\n\ninterface RoomDetailsProps {\n room: RoomType;\n}\n\nconst RoomDetails: React.FC\n \n
\n \n
\n )\n\n}\n\nexport default RoomDetails;\n"
},
{
"path": "assets/src/components/reservation/SimilarRooms.tsx",
"content": "import React, { useEffect } from 'react';\n\ninterface SimilarRoomsProps {\n id : number;\n queryString: string;\n}\n\nconst SimilarRooms: React.FC\n
\n\n {room.type} Room
\n\n {room.accessible && (\n
\n \n Accessible\n
\n )}\n \n Max 2 Guests\n
\n \n
\n\n \n
\n \n \n
\n \n
\n\n Room Description
\n{room.description}
\n\n
\n\n Room Features
\n\n \n {room.features.map((feature, index) => (\n
\n \n
\n ))}\n\n \n \n {feature}\n
\n \n
\n Room Policies
\n\n
\n \n
\n \n
\n \n
\n Check-in & Check-out
\n- \n
- \n \n \n Check-in: 3:00 PM - 8:00 PM\n\n \n
- \n \n \n Check-out: By 11:00 AM\n\n \n
- \n \n \n Early/Late: By arrangement\n\n \n
\n
\n \n
\n \n
\n House Rules
\n- \n
- \n \n No smoking\n \n
- \n \n No parties or events\n \n
- \n \n Pets allowed (restrictions apply)\n \n
\n
\n Similar Rooms You Might Like
\n\n {rooms.map((room: { roomid: number; image: string; type: string; description: string; roomPrice: number }) => (\n
\n \n
\n ))}\n \n \n
\n \n
\n {room.type}
\n\n \n 2 Guests\n
\n \n £{room.roomPrice}\n /night\n
\n {room.description}
\n View Details\n