add snack meal food

src/pages/food/components/MealTimesSection.tsx

@@ -11,7 +11,8 @@ const MealTimesSection: FC<MealTimesSectionProps> = ({ formik }) => {
   const mealTypes = [
     { value: 'breakfast', label: 'صبحانه' },
     { value: 'lunch', label: 'ناهار' },
-    { value: 'dinner', label: 'شام' }
+    { value: 'dinner', label: 'شام' },
+    { value: 'snack', label: 'عصرانه' }
   ] as const
 
   const handleMealTypeChange = (mealType: string, checked: boolean) => {

src/pages/orders/Details.tsx

@@ -1,5 +1,4 @@
-import Select from '@/components/Select'
-import { type FC, useMemo, useState } from 'react'
+import { type FC, useState } from 'react'
 import {
     useGetOrderById,
     useVerifyCashPayment,
@@ -7,7 +6,6 @@ import {
     useRefundPayment
 } from './hooks/useOrderData'
 import { useParams } from 'react-router-dom'
-import { useTranslation } from 'react-i18next'
 import { formatFaNumber } from '@/helpers/func'
 import { OrderStatus, PaymentStatusEnum } from './enum/Enum'
 import { PaymentMethodEnum } from '@/pages/paymentMethods/enum/Enum'
@@ -21,7 +19,6 @@ import OrderActions from './components/OrderActions'
 const OrderDetails: FC = () => {
     const { id } = useParams()
     const { data: orderData, isLoading } = useGetOrderById(id!)
-    const { t } = useTranslation('global')
     const { mutate: verifyCashPayment, isPending: isVerifyingPayment } = useVerifyCashPayment()
     const { mutate: changeOrderStatus, isPending: isChangingStatus } = useChangeOrderStatus()
     const { mutate: refundPayment, isPending: isRefunding } = useRefundPayment()
@@ -31,23 +28,6 @@ const OrderDetails: FC = () => {
 
     const order = orderData?.data
 
-    const statusItems = useMemo(() => {
-        const statuses: string[] = [
-            OrderStatus.PENDING_PAYMENT,
-            OrderStatus.PAID,
-            OrderStatus.CONFIRMED,
-            OrderStatus.PREPARING,
-            OrderStatus.READY,
-            OrderStatus.SHIPPED,
-            OrderStatus.COMPLETED,
-            OrderStatus.CANCELED,
-        ]
-        return statuses.map((status) => ({
-            value: status,
-            label: t(`order_status.${status}`)
-        }))
-    }, [t])
-
     const getStatusColor = (status: string): string => {
         const colorMap: Record<string, string> = {
             'pendingPayment': '#FFEECC',
@@ -195,7 +175,7 @@ const OrderDetails: FC = () => {
                 <h1 className='text-lg font-light'>
                     سفارش {formatFaNumber(order.orderNumber)}
                 </h1>
-                <div>
+                {/* <div>
                     <Select
                         items={statusItems}
                         value={order.status}
@@ -203,7 +183,7 @@ const OrderDetails: FC = () => {
                         className='w-[200px]'
                         style={{ backgroundColor: getStatusColor(order.status) }}
                     />
-                </div>
+                </div> */}
             </div>
 
             <div className='flex gap-7 mt-9'>