✅ Complete create-promotion and solve mystery bug

src/components/DateTimePicker.tsx

@@ -13,6 +13,7 @@ const DateTimePicker: React.FC<DatePickerInterface> = ({
   selectedDate,
   setSelectedDate = () => {},
 }) => {
+  // get current Hours
   const [minHours, minMinutes] = minTime?.split(':') || [0, 0]
   const [maxHours, maxMinutes] = maxTime?.split(':') || [23, 59]
 
@@ -60,6 +61,7 @@ const DateTimePicker: React.FC<DatePickerInterface> = ({
       timeFormat="HH:mm"
       timeIntervals={30}
       dateFormat="dd-MM-yyyy HH:mm"
+      minDate={new Date()}
       minTime={new Date(0, 0, 0, +minHours, +minMinutes)}
       maxTime={new Date(0, 0, 0, +maxHours, +maxMinutes)}
       isClearable

src/screens/customer/BookLocation.tsx

@@ -151,7 +151,7 @@ const BookLocation: React.FC = () => {
 
       const data = await response.json()
       if (!response.ok) {
-        setError(data.message)
+        setError(data.msg)
         return
       }
       if (takeReceipt) {

src/screens/provider/CreatePromotion.tsx

@@ -3,38 +3,23 @@ import { Button, Form, Row } from 'react-bootstrap'
 import { useEffect, useState } from 'react'
 import { PromotionInterface } from '../../interfaces/promotion.interface'
 const url = import.meta.env.VITE_API_URL
-import { AccessTokenInterface } from '../../interfaces/authentication.interface'
 import { useTokenContext } from '../../hooks/CustomProvider'
 import { setMaxIdleHTTPParsers } from 'http'
-import jwt_decode from 'jwt-decode'
-import { useCookies } from 'react-cookie'
 
 import { LocationInterface } from '../../interfaces/location.interfaces'
 
 export default function CreatePromotion() {
   const [locations, setLocations] = useState<LocationInterface[]>([])
 
   const [error, setError] = useState<string>('')
-  let accessToken: AccessTokenInterface
   const { currentToken, setCurrentToken } = useTokenContext()
-  const [cookies, setCookie] = useCookies(['access_token'])
   const [promotion, setPromotion] = useState<PromotionInterface>({
     name: '',
     percentOff: '50',
     amountOff: '',
     locationName: 'all',
     maxRedemptions: '',
   })
-  useEffect(() => {
-    try {
-      accessToken = jwt_decode(cookies.access_token)
-    } catch (error) {
-      return
-    }
-    if (accessToken) {
-      setCurrentToken(accessToken)
-    }
-  }, [])
   const initialRange = '50'
 
   const [discountType, setDiscountType] = useState<string>('')
@@ -49,7 +34,6 @@ export default function CreatePromotion() {
             defaultValue={initialRange}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setPromotion({ ...promotion, amountOff: null, percentOff: e.target.value })
-              console.log(promotion.percentOff)
             }}
           />
           <h6>{promotion.percentOff}%</h6>
@@ -135,6 +119,7 @@ export default function CreatePromotion() {
         headers: {
           'Content-Type': 'application/json',
         },
+        credentials: 'include',
         body: JSON.stringify(bodyData),
       })
       const data = await response.json()