Reservations Banner Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
currentReservationLocationReservationLocationSlotProps

Object containing information about the reservation location whose reservations are currently being displayed.

requestsArray<ReservationSlotProps>

Array of objects containing information about the requested reservations on the currently selected date. These are also displayed in the table below the widget.

reservationsArray<ReservationSlotProps>

Array of objects containing information about each reservation on the currently selected date. These are also displayed in the table below the widget.

Use this in the code for the dashboard plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/table-reservations/dashboard";

type ReservationsBannerParams = plugins.WixTableReservations.ReservationsBannerParams;

const Plugin: FC<ReservationsBannerParams> = (props: ReservationsBannerParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => 	({
    	  console.log(
	     `Current Reservation Location: ${componentParams.currentReservationLocation}`, 
	     `Reservations: ${componentParams.reservations}`, 
	     `Requests: ${componentParams.requests}`
    	  );
    
    	})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Plugin;
Did this help?