shift

src/pages/orders/DailyOrderReport.tsx

@@ -4,6 +4,9 @@ import { DocumentDownload } from 'iconsax-react';
 import Table from '@/components/Table';
 import Filters from '@/components/Filters';
 import Button from '@/components/Button';
+import PageLoading from '@/components/PageLoading';
+import { usePermissions } from '@/hooks/usePermissions';
+import { PermissionEnum } from '@/pages/roles/enum/Enum';
 import { useGetDailyOrderReport } from './hooks/useDailyOrderReportData';
 import { useDailyOrderReportFilters } from './hooks/useDailyOrderReportFilters';
 import { getDailyOrderReportTableColumns } from './components/DailyOrderReportTableColumns';
@@ -15,6 +18,7 @@ import type { RowDataType } from '@/components/types/TableTypes';
 
 const DailyOrderReport: FC = () => {
   const { t } = useTranslation('global');
+  const { checkPermission, isLoading: isPermissionsLoading } = usePermissions();
   const { filters, apiParams, handleFiltersChange } = useDailyOrderReportFilters();
   const { data: reportData, isLoading } = useGetDailyOrderReport(apiParams);
   const [isExporting, setIsExporting] = useState(false);
@@ -43,6 +47,18 @@ const DailyOrderReport: FC = () => {
     }
   };
 
+  if (isPermissionsLoading) {
+    return <PageLoading />;
+  }
+
+  if (!checkPermission(PermissionEnum.VIEW_ORDER_REPORTS)) {
+    return (
+      <div className='mt-5 text-sm text-gray-500'>
+        شما دسترسی مشاهده این گزارش را ندارید.
+      </div>
+    );
+  }
+
   return (
     <div className='mt-5'>
       <div className='flex justify-between items-center'>