[update] sidebar and minor fixes

Author: serhiipylypchuk1991

docs/guides/integration-with-angular.md

@@ -186,32 +186,32 @@ export function getData() : any {
             price: "$25",
             review: {
                 stars: 5,
-                count: 10,
+                count: 10
             },
             slots: [
                 {
                     from: 14,
                     to: 17,
                     size: 30,
-                    gap: 10,
+                    gap: 10
                 },
                 {
                     from: 12,
                     to: 19,
                     size: 50,
                     gap: 20,
                     days: [2],
-                    dates: [getDate(0)],
+                    dates: [getDate(0)]
                 },
                 {
                     from: "18:30",
                     to: 20,
                     size: 20,
                     gap: 20,
-                    days: [3, 4, 5],
+                    days: [3, 4, 5]
                 },
             ],
-            usedSlots: [getDate(0, 12), getDate(0, 18)],
+            usedSlots: [getDate(0, 12), getDate(0, 18)]
         },
         // ...
     ];

docs/guides/integration-with-react.md

@@ -90,7 +90,7 @@ In this tutorial you can see how to configure the **trial** version of Booking.
 
 To display Booking on the page, you need to create the container for Booking, and initialize this component using the corresponding constructor:
 
-~~~jsx {2,6,9-10} title="Booking.jsx"
+~~~jsx {2,6,9-10,17} title="Booking.jsx"
 import { useEffect, useRef } from "react";
 import { Booking } from "@dhx/trial-booking";
 import "@dhx/trial-booking/dist/booking.css"; // include Booking styles
@@ -184,7 +184,7 @@ export function getData() {
             price: "$25",
             review: {
                 stars: 5,
-                count: 10,
+                count: 10
             },
             slots: [
                 {
@@ -207,9 +207,9 @@ export function getData() {
                     size: 20,
                     gap: 20,
                     days: [3, 4, 5]
-                },
+                }
             ],
-            usedSlots: [getDate(0, 12), getDate(0, 18)],
+            usedSlots: [getDate(0, 12), getDate(0, 18)]
         },
         // ...
     ];

sidebars.js

@@ -31,12 +31,12 @@ module.exports = {
 					link: {
 							type: "doc",
 							id: "api/overview/booking-methods-overview"
-						},
+					},
 			     	items: [
 						"api/methods/booking-serialize-method",
 						"api/methods/booking-setconfig-method",
 						"api/methods/booking-setconfirmhandler-method",
-						"api/methods/booking-setlocale-method",
+						"api/methods/booking-setlocale-method"
 					]
 				},
 				// Booking internal methods
@@ -61,7 +61,7 @@ module.exports = {
 								"api/internal/booking-exec",
 								"api/internal/booking-intercept",
 								"api/internal/booking-on",
-								"api/internal/booking-setnext",
+								"api/internal/booking-setnext"
 							]
 						},
 						{
@@ -76,9 +76,9 @@ module.exports = {
 							items: [
 								// "api/internal/booking_innermethodname_method",
 								"api/internal/booking-getreactivestate",
-								"api/internal/booking-getstate",
+								"api/internal/booking-getstate"
 							]
-						},
+						}
 					]
 				},
 				{
@@ -97,7 +97,7 @@ module.exports = {
 						"api/events/booking-filterdata-event",
 						"api/events/booking-selectslot-event",
 						"api/events/booking-selectitem-event",
-						"api/events/booking-selectitemdate-event",
+						"api/events/booking-selectitemdate-event"
 					]
 				},
 				{
@@ -122,11 +122,30 @@ module.exports = {
 						"api/config/booking-locale",
 						"api/config/booking-slotgap",
 						"api/config/booking-slotsize",
-						"api/config/booking-start",
+						"api/config/booking-start"
 					]
 				}
 			]
 		},
+		//start Backend and frameworks integration
+        {
+            type: "category",
+            label: "Backend and frameworks integration",
+            link: {
+                type: 'generated-index',
+                title: "Backend and frameworks integration",
+                keywords: ['backend and frameworks integration'],
+                image: '/img/docusaurus.png'
+            },
+            items: [
+				"guides/saving-reservations",
+                "guides/integration-with-angular",
+                "guides/integration-with-react",
+                "guides/integration-with-vue",
+                "guides/integration-with-svelte"
+            ]
+        },
+        // end Backend and frameworks integration
 		{
 			type: "category",
 			label: "Guides",
@@ -136,16 +155,15 @@ module.exports = {
 				type: 'generated-index',
 				title: 'Guides',
 				keywords: ['guides'],
-				image: '/img/docusaurus.png',
+				image: '/img/docusaurus.png'
 			},
 			items: [
 				"guides/initialization",
 				"guides/loading-data",
 				"guides/configuration",
 				"guides/localization",				
-				"guides/saving-reservations",
-				"guides/styling",
-			],
-		},
+				"guides/styling"
+			]
+		}
 	]
 };