|
|
|
@@ -1,10 +1,10 @@ |
|
|
|
import React from "react"; |
|
|
|
import PropTypes from "prop-types"; |
|
|
|
import CategoryCard from "../../components/Cards/CategoryCard/CategoryCard"; |
|
|
|
import CategoryCard from "../../../components/Cards/CategoryCard/CategoryCard"; |
|
|
|
import { useDispatch, useSelector } from "react-redux"; |
|
|
|
import { useEffect } from "react"; |
|
|
|
import { fetchCategories } from "../../store/actions/categories/categoriesActions"; |
|
|
|
import { selectCategories } from "../../store/selectors/categoriesSelectors"; |
|
|
|
import { fetchCategories } from "../../../store/actions/categories/categoriesActions"; |
|
|
|
import { selectCategories } from "../../../store/selectors/categoriesSelectors"; |
|
|
|
import { useTranslation } from "react-i18next"; |
|
|
|
import { |
|
|
|
AdminCategoriesHeader, |
|
|
|
@@ -12,12 +12,12 @@ import { |
|
|
|
AdminCategoriesSearchField, |
|
|
|
NewCategoryButton, |
|
|
|
} from "./AdminCategoriesPage.styled"; |
|
|
|
import { selectManualSearchString } from "../../store/selectors/filtersSelectors"; |
|
|
|
import { selectManualSearchString } from "../../../store/selectors/filtersSelectors"; |
|
|
|
import { useMemo } from "react"; |
|
|
|
import { setManualSearchString } from "../../store/actions/filters/filtersActions"; |
|
|
|
import selectedTheme from "../../themes"; |
|
|
|
import { setManualSearchString } from "../../../store/actions/filters/filtersActions"; |
|
|
|
import selectedTheme from "../../../themes"; |
|
|
|
import { useState } from "react"; |
|
|
|
import EditCategory from "../../components/Modals/EditCategory/EditCategory"; |
|
|
|
import EditCategory from "../../../components/Modals/EditCategory/EditCategory"; |
|
|
|
|
|
|
|
const AdminCategoriesPage = () => { |
|
|
|
const { t } = useTranslation(); |
|
|
|
@@ -46,43 +46,43 @@ const AdminCategoriesPage = () => { |
|
|
|
}, [categories, manualSearchString]); |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<AdminCategoriesPageContainer> |
|
|
|
<AdminCategoriesSearchField |
|
|
|
isAdmin |
|
|
|
handleSearch={handleSearch} |
|
|
|
placeholder={t("admin.categories.placeholder")} |
|
|
|
/> |
|
|
|
<AdminCategoriesHeader |
|
|
|
myOffers |
|
|
|
categories |
|
|
|
hideGrid |
|
|
|
isAdmin |
|
|
|
hideBackButton |
|
|
|
/> |
|
|
|
{categoriesToShow.map((category) => ( |
|
|
|
<CategoryCard |
|
|
|
key={category._id} |
|
|
|
category={category} |
|
|
|
type="categories" |
|
|
|
secondLabel={t("admin.categories.noOfSubcategories")} |
|
|
|
<AdminCategoriesPageContainer> |
|
|
|
<AdminCategoriesSearchField |
|
|
|
isAdmin |
|
|
|
handleSearch={handleSearch} |
|
|
|
placeholder={t("admin.categories.placeholder")} |
|
|
|
/> |
|
|
|
))} |
|
|
|
<NewCategoryButton |
|
|
|
variant="contained" |
|
|
|
buttoncolor={selectedTheme.colors.iconYellowColor} |
|
|
|
textcolor={selectedTheme.colors.messageText} |
|
|
|
onClick={() => setOpenedAddModal(true)} |
|
|
|
> |
|
|
|
{t("admin.categories.addCategory")} |
|
|
|
</NewCategoryButton> |
|
|
|
</AdminCategoriesPageContainer> |
|
|
|
{openedAddModal && ( |
|
|
|
<EditCategory |
|
|
|
setOpenedEditModal={setOpenedAddModal} |
|
|
|
type={"categories"} |
|
|
|
method="add" |
|
|
|
/> |
|
|
|
)} |
|
|
|
<AdminCategoriesHeader |
|
|
|
myOffers |
|
|
|
categories |
|
|
|
hideGrid |
|
|
|
isAdmin |
|
|
|
hideBackButton |
|
|
|
/> |
|
|
|
{categoriesToShow.map((category) => ( |
|
|
|
<CategoryCard |
|
|
|
key={category._id} |
|
|
|
category={category} |
|
|
|
type="categories" |
|
|
|
secondLabel={t("admin.categories.noOfSubcategories")} |
|
|
|
/> |
|
|
|
))} |
|
|
|
<NewCategoryButton |
|
|
|
variant="contained" |
|
|
|
buttoncolor={selectedTheme.colors.iconYellowColor} |
|
|
|
textcolor={selectedTheme.colors.messageText} |
|
|
|
onClick={() => setOpenedAddModal(true)} |
|
|
|
> |
|
|
|
{t("admin.categories.addCategory")} |
|
|
|
</NewCategoryButton> |
|
|
|
</AdminCategoriesPageContainer> |
|
|
|
{openedAddModal && ( |
|
|
|
<EditCategory |
|
|
|
setOpenedEditModal={setOpenedAddModal} |
|
|
|
type={"categories"} |
|
|
|
method="add" |
|
|
|
/> |
|
|
|
)} |
|
|
|
</> |
|
|
|
); |
|
|
|
}; |