(
+ null
+ );
+ const [edit, setEdit] = useState(false);
+ const { categories, isLoading } = useSelector(
+ (state: RootState) => state.categories
+ );
+
+ const [visibleCategory, setVisbleCategory] = useState(false);
+
+ useEffect(() => {
+ dispatch(fetchCategories());
+ }, [dispatch]);
+
+ const categoryPerPage = 8;
+ const totalPages = Math.ceil(categories.length / categoryPerPage);
+ const startIndex = (currentPage - 1) * categoryPerPage;
+
+ const paginatedData = categories
+ .filter((category) =>
+ category.description.toLowerCase().includes(searchTerm.toLowerCase())
+ )
+ .slice(startIndex, startIndex + categoryPerPage);
+
+ const handlePageChange = (page: number) => {
+ setCurrentPage(page);
+ };
+
+ const handleCancelDelete = () => {
+ setDeleteModal(false);
+ setSelectedCategory(null);
+ };
+
+ const handleConfirmDelete = async () => {
+ if (selectedCategory === null) return;
+
+ try {
+ const response = await axios.delete(
+ `${import.meta.env.VITE_BASE_URL}/category/${selectedCategory.id}`,
+ {
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('token')}`,
+ },
+ }
+ );
+ if (response.status === 200) {
+ showSuccessToast(' Deleted sucessfully');
+ dispatch(fetchCategories());
+ }
+ } catch (error) {
+ showErrorToast('Failed to delete category');
+ }
+ };
+
+ const handleEdit = (category: ICategory) => {
+ setEdit(!edit);
+ setSelectedCategory(category);
+ };
+
+ const updateCategory = async (category: ICategory) => {
+ if (!category.id) return;
+ try {
+ const response = await axios.put(
+ `${import.meta.env.VITE_BASE_URL}/category/${category.id}`,
+ {
+ name: category.name,
+ description: category.description,
+ icon: category.icon,
+ },
+ {
+ headers: {
+ Authorization: `Bearer ${localStorage.getItem('token')}`,
+ },
+ }
+ );
+ if (response.status === 200) {
+ showSuccessToast(`${category.name} Updated sucessfully`);
+ dispatch(fetchCategories());
+ }
+ } catch (error) {
+ showErrorToast('Failed to update category');
+ }
+ };
+
+ const HandleAddCategory = () => {
+ setVisbleCategory(true);
+ };
+ const showDeleteModal = (category: ICategory) => {
+ setSelectedCategory(category);
+ setDeleteModal(true);
+ };
+
+ const categoryInitialVal = {
+ name: '',
+ icon: '',
+ description: '',
+ };
+ const validationSchemaCategory = Yup.object({
+ name: Yup.string().required('Category name is required'),
+ description: Yup.string().required('Category icon is required'),
+ icon: Yup.string().required('Category description is required'),
+ });
+
+ const onsubmiting = async (
+ values: ICategory,
+ { resetForm }: { resetForm: () => void }
+ ) => {
+ const token = localStorage.getItem('token');
+
+ try {
+ const response = await axios.post(
+ `${import.meta.env.VITE_BASE_URL}/category/`,
+ values,
+ {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ }
+ );
+
+ if (response.status === 201) {
+ showSuccessToast('Category added successfully');
+ dispatch(fetchCategories());
+ resetForm();
+ }
+ } catch (error) {
+ showErrorToast('Failed to add category');
+ } finally {
+ resetForm();
+ }
+ };
+
+ return (
+
+
+
Categories
+
+
+
+
+ -
+
+ ({categories.length})
+
+
+
+
+ setSearchTerm(e.target.value)}
+ className="w-full outline-none bg-white placeholder:text-gray-400 font-light"
+ />
+
+
+
+ {visibleCategory && (
+
+ )}
+
+ {edit && selectedCategory && (
+
+
+
+
+
+ setSelectedCategory({
+ ...selectedCategory,
+ name: e.target.value,
+ })
+ }
+ />
+
+
+
+
+ setSelectedCategory({
+ ...selectedCategory,
+ description: e.target.value,
+ })
+ }
+ />
+
+
+
+
+ {selectedCategory.icon && (
+
+
+
+ )}
+
+
+ setSelectedCategory({
+ ...selectedCategory,
+ icon: e.target.value,
+ })
+ }
+ />
+
+
+
+
+
+ )}
+ {deleteModal && (
+
+
+
+ Are you sure you want to delete this category?
+
+
{selectedCategory?.name}
+
+
+
+
+
+
+
+
+ )}
+ {isLoading ? (
+
+ ) : (
+
+
+
+
+ |
+ #
+ |
+
+ Category
+ |
+
+ Icon
+ |
+
+ Description
+ |
+
+ Action
+ |
+
+
+
+ {paginatedData.map((category, index) => (
+
+
+ |
+ {index + 1 + (currentPage - 1) * categoryPerPage}
+ |
+ {category.name} |
+
+
+ 
+ |
+ {category.description} |
+
+
+ |
+
+
+ |
+
+
+ ))}
+
+
+
+
+
+
+ )}
+
${(label as any).html()}
-
Sales: ${Data ? Data[code] : 0}
+
Sales: ${code in Data ? Data[code] : 0}
`
);
}}
diff --git a/src/features/Auth/SignInSlice.ts b/src/features/Auth/SignInSlice.ts
index 79120e39..d29c48eb 100644
--- a/src/features/Auth/SignInSlice.ts
+++ b/src/features/Auth/SignInSlice.ts
@@ -16,7 +16,7 @@ interface User {
};
}
-interface SignInState {
+export interface SignInState {
token: string | null;
user: User | null;
loading: boolean;
diff --git a/src/features/Orders/ordersSlice.ts b/src/features/Orders/ordersSlice.ts
index 2918ba7f..1c01b27c 100644
--- a/src/features/Orders/ordersSlice.ts
+++ b/src/features/Orders/ordersSlice.ts
@@ -1,7 +1,7 @@
import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
import axios from 'axios';
import Order from '@/interfaces/order';
-import { RootState } from '../../app/store';
+import { RootState, store } from '../../app/store';
interface OrdersState {
orders: Order[];
@@ -35,6 +35,31 @@ export const fetchOrders = createAsyncThunk('orders/fetchOrders', async () => {
},
};
});
+
+ const { signIn } = store.getState();
+
+ if (signIn.user?.userType.name === 'Admin') {
+ return orders;
+ }
+ if (signIn.user?.userType.name === 'Vendor') {
+ const filteredOrders: Order[] = [];
+ /* eslint-disable no-restricted-syntax */
+ for (const order of orders) {
+ const newDetails = [];
+ /* eslint-disable no-restricted-syntax */
+ for (const orderDetail of order.orderDetails) {
+ if (orderDetail.product.vendor.id === signIn.user.id) {
+ newDetails.push(orderDetail);
+ }
+ }
+
+ if (newDetails.length > 0) {
+ filteredOrders.push({ ...order, orderDetails: newDetails });
+ }
+ }
+
+ return filteredOrders;
+ }
return orders;
});
diff --git a/src/pages/Coupons.tsx b/src/pages/Coupons.tsx
index 2842afa1..f139312a 100644
--- a/src/pages/Coupons.tsx
+++ b/src/pages/Coupons.tsx
@@ -147,7 +147,7 @@ function Coupons() {
setSearchTerm(e.target.value)}
diff --git a/src/pages/ProductDetails.tsx b/src/pages/ProductDetails.tsx
index 37d2583e..1580c9be 100644
--- a/src/pages/ProductDetails.tsx
+++ b/src/pages/ProductDetails.tsx
@@ -689,6 +689,7 @@ function ProductDetails() {
{Array.from({ length: 5 }, (_, i) => (
*