From 33e956ea573d0a77709b41a3e56d1af04c525e20 Mon Sep 17 00:00:00 2001 From: dominik-zeglen Date: Thu, 7 Nov 2019 12:34:54 +0100 Subject: [PATCH] Use FC instead of deprecated StatelessComponent --- src/NotFound.tsx | 2 +- .../AttributeBulkDeleteDialog.tsx | 10 ++-- .../AttributeList/AttributeList.tsx | 2 +- .../AttributeValueEditDialog.tsx | 4 +- src/auth/AuthProvider.tsx | 6 +-- src/auth/components/SectionRoute.tsx | 2 +- .../CategoryCreatePage/CategoryCreatePage.tsx | 4 +- .../CategoryListPage/CategoryListPage.tsx | 2 +- .../CategoryProducts/CategoryProducts.tsx | 4 +- .../CategoryUpdatePage/CategoryUpdatePage.tsx | 4 +- src/categories/index.tsx | 8 ++-- src/categories/views/CategoryCreate.tsx | 6 +-- src/categories/views/CategoryDetails.tsx | 7 +-- .../views/CategoryList/CategoryList.tsx | 4 +- .../CollectionCreatePage.tsx | 4 +- .../CollectionDetailsPage.tsx | 4 +- .../CollectionListPage/CollectionListPage.tsx | 2 +- .../containers/CollectionOperations.tsx | 10 ++-- src/collections/index.tsx | 6 +-- src/collections/views/CollectionDetails.tsx | 7 +-- .../views/CollectionList/CollectionList.tsx | 4 +- .../AccountStatus/AccountStatus.tsx | 2 +- .../AddressFormatter/AddressFormatter.tsx | 4 +- src/components/AppProgress/index.tsx | 4 +- src/components/ControlledCheckbox.tsx | 10 ++-- src/components/Date/DateTime.tsx | 5 +- src/components/DebounceForm.tsx | 6 +-- .../ErrorMessageCard/ErrorMessageCard.tsx | 4 +- src/components/FilterCard/FilterCard.tsx | 5 +- src/components/Money/Money.tsx | 2 +- src/components/MoneyRange/MoneyRange.tsx | 5 +- src/components/Percent/Percent.tsx | 2 +- src/components/Weight/Weight.tsx | 2 +- src/components/WindowTitle/index.tsx | 4 +- .../CustomerCreateNote/CustomerCreateNote.tsx | 2 +- .../CustomerCreatePage/CustomerCreatePage.tsx | 2 +- .../CustomerDetailsPage.tsx | 4 +- .../CustomerListPage/CustomerListPage.tsx | 2 +- src/customers/index.tsx | 10 ++-- src/customers/views/CustomerCreate.tsx | 2 +- src/customers/views/CustomerDetails.tsx | 7 +-- .../views/CustomerList/CustomerList.tsx | 4 +- .../SaleCreatePage/SaleCreatePage.tsx | 2 +- .../SaleDetailsPage/SaleDetailsPage.tsx | 2 +- .../components/SaleListPage/SaleListPage.tsx | 2 +- .../components/SaleSummary/SaleSummary.tsx | 5 +- .../VoucherCreatePage/VoucherCreatePage.tsx | 2 +- .../VoucherDetailsPage/VoucherDetailsPage.tsx | 2 +- .../VoucherListPage/VoucherListPage.tsx | 2 +- .../VoucherSummary/VoucherSummary.tsx | 2 +- src/discounts/index.tsx | 24 +++++----- src/discounts/views/SaleCreate.tsx | 2 +- src/discounts/views/SaleDetails.tsx | 5 +- src/discounts/views/SaleList/SaleList.tsx | 4 +- src/discounts/views/VoucherCreate.tsx | 2 +- src/discounts/views/VoucherDetails.tsx | 2 +- .../views/VoucherList/VoucherList.tsx | 4 +- src/home/components/HomeScreen.tsx | 4 +- .../MenuDetailsPage/MenuDetailsPage.tsx | 2 +- .../MenuItemDialog/MenuItemDialog.tsx | 2 +- .../components/MenuListPage/MenuListPage.tsx | 2 +- .../MenuProperties/MenuProperties.tsx | 2 +- .../OrderBulkCancelDialog.tsx | 10 ++-- .../OrderCustomerNote/OrderCustomerNote.tsx | 6 +-- .../OrderDraftCancelDialog.tsx | 10 ++-- .../OrderDraftDetails/OrderDraftDetails.tsx | 2 +- .../OrderDraftFinalizeDialog.tsx | 4 +- .../OrderDraftListPage/OrderDraftListPage.tsx | 2 +- .../OrderFulfillmentTrackingDialog.tsx | 2 +- .../OrderMarkAsPaidDialog.tsx | 9 ++-- .../OrderPaymentDialog/OrderPaymentDialog.tsx | 2 +- .../OrderPaymentVoidDialog.tsx | 9 ++-- src/orders/containers/OrderOperations.tsx | 2 +- src/orders/index.tsx | 10 ++-- .../OrderDetails/OrderDetailsMessages.tsx | 6 +-- src/orders/views/OrderDetails/index.tsx | 5 +- .../views/OrderDraftList/OrderDraftList.tsx | 4 +- src/orders/views/OrderList/OrderList.tsx | 4 +- .../PageDetailsPage/PageDetailsPage.tsx | 2 +- .../components/PageListPage/PageListPage.tsx | 2 +- src/pages/components/PageSlug/PageSlug.tsx | 2 +- src/pages/index.tsx | 8 +--- src/pages/views/PageCreate.tsx | 2 +- src/pages/views/PageDetails.tsx | 5 +- src/pages/views/PageList.tsx | 4 +- .../components/PluginInfo/PluginInfo.tsx | 2 +- .../PluginSettings/PluginSettings.tsx | 2 +- .../PluginsDetailsPage/PluginsDetailsPage.tsx | 2 +- .../PluginsListPage/PluginsListPage.tsx | 2 +- src/plugins/index.tsx | 8 +--- src/plugins/views/PluginDetails.test.ts | 0 src/plugins/views/PluginsDetails.tsx | 4 +- src/plugins/views/PluginsList.tsx | 4 +- .../ProductTypeAttributeEditDialog.tsx | 2 +- .../ProductTypeCreatePage.tsx | 4 +- .../ProductTypeDetailsPage.tsx | 4 +- .../ProductTypeListPage.tsx | 4 +- .../ProductTypeShipping.tsx | 9 ++-- .../containers/ProductTypeOperations.tsx | 4 +- src/productTypes/index.tsx | 6 +-- src/productTypes/views/ProductTypeCreate.tsx | 2 +- .../views/ProductTypeList/ProductTypeList.tsx | 4 +- .../ProductCreatePage/ProductCreatePage.tsx | 4 +- .../containers/ProductImagesReorder.tsx | 2 +- .../containers/ProductUpdateOperations.tsx | 4 +- .../containers/ProductVariantOperations.tsx | 48 ++++++++++--------- src/products/index.tsx | 20 +++----- src/products/views/ProductCreate.tsx | 4 +- src/products/views/ProductImage.tsx | 2 +- .../views/ProductList/ProductList.tsx | 4 +- .../views/ProductUpdate/ProductUpdate.tsx | 5 +- src/products/views/ProductVariant.tsx | 2 +- src/products/views/ProductVariantCreate.tsx | 4 +- .../ServiceListPage/ServiceListPage.tsx | 2 +- .../views/ServiceDetails/ServiceDetails.tsx | 2 +- .../views/ServiceList/ServiceList.tsx | 4 +- .../ShippingWeightUnitForm.tsx | 8 ++-- .../ShippingZoneCreatePage.tsx | 11 +++-- .../ShippingZoneDetailsPage.tsx | 4 +- .../ShippingZoneInfo/ShippingZoneInfo.tsx | 2 +- .../ShippingZonesListPage.tsx | 4 +- src/shipping/index.tsx | 6 +-- src/shipping/views/ShippingZoneCreate.tsx | 2 +- .../ShippingZoneDetailsDialogs.tsx | 4 +- .../ShippingZoneOperations.tsx | 4 +- .../views/ShippingZoneDetails/index.tsx | 7 +-- src/shipping/views/ShippingZonesList.tsx | 6 +-- .../SiteSettingsDetails.tsx | 9 ++-- .../SiteSettingsKeyDialog.tsx | 10 ++-- src/siteSettings/views/index.tsx | 4 +- .../StaffDetailsPage/StaffDetailsPage.tsx | 2 +- .../StaffListPage/StaffListPage.tsx | 2 +- src/staff/index.tsx | 10 ++-- src/staff/views/StaffDetails.tsx | 5 +- src/staff/views/StaffList/StaffList.tsx | 4 +- .../CountryListPage/CountryListPage.tsx | 2 +- src/taxes/index.tsx | 6 +-- src/taxes/views/CountryList.tsx | 2 +- src/taxes/views/CountryTaxes.tsx | 4 +- .../TranslationsCategoriesPage.tsx | 4 +- .../TranslationsCollectionsPage.tsx | 2 +- .../TranslationsEntitiesListPage.tsx | 2 +- .../TranslationsLanguageListPage.tsx | 2 +- .../TranslationsPagesPage.tsx | 4 +- .../TranslationsProductTypesPage.tsx | 2 +- .../TranslationsProductsPage.tsx | 4 +- .../TranslationsSalesPage.tsx | 4 +- .../TranslationsVouchersPage.tsx | 4 +- .../WebhookEvents/WebhookEvents.tsx | 2 +- .../components/WebhookInfo/WebhookInfo.tsx | 2 +- .../WebhooksListPage/WebhooksListPage.tsx | 2 +- src/webhooks/index.tsx | 8 +--- src/webhooks/views/WebhooksCreate.tsx | 4 +- 153 files changed, 300 insertions(+), 410 deletions(-) create mode 100644 src/plugins/views/PluginDetails.test.ts diff --git a/src/NotFound.tsx b/src/NotFound.tsx index 8833b52b7..8cff023f9 100644 --- a/src/NotFound.tsx +++ b/src/NotFound.tsx @@ -3,7 +3,7 @@ import React from "react"; import NotFoundPage from "./components/NotFoundPage"; import useNavigator from "./hooks/useNavigator"; -export const NotFound: React.StatelessComponent = () => { +export const NotFound: React.FC = () => { const navigate = useNavigator(); return navigate("/")} />; diff --git a/src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx b/src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx index 747b5f3df..2aba36673 100644 --- a/src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx +++ b/src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx @@ -13,9 +13,13 @@ export interface AttributeBulkDeleteDialogProps { onClose: () => void; } -const AttributeBulkDeleteDialog: React.StatelessComponent< - AttributeBulkDeleteDialogProps -> = ({ confirmButtonState, quantity, onClose, onConfirm, open }) => { +const AttributeBulkDeleteDialog: React.FC = ({ + confirmButtonState, + quantity, + onClose, + onConfirm, + open +}) => { const intl = useIntl(); return ( diff --git a/src/attributes/components/AttributeList/AttributeList.tsx b/src/attributes/components/AttributeList/AttributeList.tsx index 17afe3b17..0cba7c234 100644 --- a/src/attributes/components/AttributeList/AttributeList.tsx +++ b/src/attributes/components/AttributeList/AttributeList.tsx @@ -59,7 +59,7 @@ const useStyles = makeStyles((theme: Theme) => ({ const numberOfColumns = 6; -const AttributeList: React.StatelessComponent = ({ +const AttributeList: React.FC = ({ attributes, disabled, isChecked, diff --git a/src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx b/src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx index 92efb502a..f8197c747 100644 --- a/src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx +++ b/src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx @@ -30,9 +30,7 @@ export interface AttributeValueEditDialogProps { onClose: () => void; } -const AttributeValueEditDialog: React.StatelessComponent< - AttributeValueEditDialogProps -> = ({ +const AttributeValueEditDialog: React.FC = ({ attributeValue, confirmButtonState, disabled, diff --git a/src/auth/AuthProvider.tsx b/src/auth/AuthProvider.tsx index c835248f7..2ffc3c8b0 100644 --- a/src/auth/AuthProvider.tsx +++ b/src/auth/AuthProvider.tsx @@ -22,9 +22,9 @@ interface AuthProviderOperationsProps { user: User; }) => React.ReactNode; } -const AuthProviderOperations: React.StatelessComponent< - AuthProviderOperationsProps -> = ({ children }) => { +const AuthProviderOperations: React.FC = ({ + children +}) => { return ( {(...tokenAuth) => ( diff --git a/src/auth/components/SectionRoute.tsx b/src/auth/components/SectionRoute.tsx index dec2dbb42..840ae2f89 100644 --- a/src/auth/components/SectionRoute.tsx +++ b/src/auth/components/SectionRoute.tsx @@ -14,7 +14,7 @@ interface SectionRouteProps extends RouteProps { permissions?: PermissionEnum[]; } -export const SectionRoute: React.StatelessComponent = ({ +export const SectionRoute: React.FC = ({ permissions, ...props }) => { diff --git a/src/categories/components/CategoryCreatePage/CategoryCreatePage.tsx b/src/categories/components/CategoryCreatePage/CategoryCreatePage.tsx index 3e095189c..16dcabbd7 100644 --- a/src/categories/components/CategoryCreatePage/CategoryCreatePage.tsx +++ b/src/categories/components/CategoryCreatePage/CategoryCreatePage.tsx @@ -36,9 +36,7 @@ export interface CategoryCreatePageProps { onBack(); } -export const CategoryCreatePage: React.StatelessComponent< - CategoryCreatePageProps -> = ({ +export const CategoryCreatePage: React.FC = ({ disabled, onSubmit, onBack, diff --git a/src/categories/components/CategoryListPage/CategoryListPage.tsx b/src/categories/components/CategoryListPage/CategoryListPage.tsx index db377fe64..01cf9df33 100644 --- a/src/categories/components/CategoryListPage/CategoryListPage.tsx +++ b/src/categories/components/CategoryListPage/CategoryListPage.tsx @@ -24,7 +24,7 @@ export interface CategoryTableProps categories: CategoryFragment[]; } -export const CategoryListPage: React.StatelessComponent = ({ +export const CategoryListPage: React.FC = ({ categories, currentTab, disabled, diff --git a/src/categories/components/CategoryProducts/CategoryProducts.tsx b/src/categories/components/CategoryProducts/CategoryProducts.tsx index dd170dc53..df517b4b3 100644 --- a/src/categories/components/CategoryProducts/CategoryProducts.tsx +++ b/src/categories/components/CategoryProducts/CategoryProducts.tsx @@ -13,9 +13,7 @@ interface CategoryProductsProps extends PageListProps, ListActions { categoryName: string; } -export const CategoryProducts: React.StatelessComponent< - CategoryProductsProps -> = ({ +export const CategoryProducts: React.FC = ({ products, disabled, pageInfo, diff --git a/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx b/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx index aa3f7d715..81130dd32 100644 --- a/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx +++ b/src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx @@ -70,9 +70,7 @@ export interface CategoryUpdatePageProps const CategoriesTab = Tab(CategoryPageTab.categories); const ProductsTab = Tab(CategoryPageTab.products); -export const CategoryUpdatePage: React.StatelessComponent< - CategoryUpdatePageProps -> = ({ +export const CategoryUpdatePage: React.FC = ({ changeTab, currentTab, category, diff --git a/src/categories/index.tsx b/src/categories/index.tsx index 5c120659c..71f051beb 100644 --- a/src/categories/index.tsx +++ b/src/categories/index.tsx @@ -19,7 +19,7 @@ import CategoryListComponent from "./views/CategoryList"; interface CategoryDetailsRouteParams { id: string; } -const CategoryDetails: React.StatelessComponent< +const CategoryDetails: React.FC< RouteComponentProps > = ({ location, match }) => { const qs = parseQs(location.search.substr(1)); @@ -38,7 +38,7 @@ const CategoryDetails: React.StatelessComponent< interface CategoryCreateRouteParams { id: string; } -const CategoryCreate: React.StatelessComponent< +const CategoryCreate: React.FC< RouteComponentProps > = ({ match }) => { return ( @@ -50,9 +50,7 @@ const CategoryCreate: React.StatelessComponent< ); }; -const CategoryList: React.StatelessComponent> = ({ - location -}) => { +const CategoryList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: CategoryListUrlQueryParams = qs; return ; diff --git a/src/categories/views/CategoryCreate.tsx b/src/categories/views/CategoryCreate.tsx index c56212c4f..90d1df35d 100644 --- a/src/categories/views/CategoryCreate.tsx +++ b/src/categories/views/CategoryCreate.tsx @@ -14,9 +14,9 @@ interface CategoryCreateViewProps { parentId: string; } -export const CategoryCreateView: React.StatelessComponent< - CategoryCreateViewProps -> = ({ parentId }) => { +export const CategoryCreateView: React.FC = ({ + parentId +}) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/categories/views/CategoryDetails.tsx b/src/categories/views/CategoryDetails.tsx index 0475585e9..d0b5687a4 100644 --- a/src/categories/views/CategoryDetails.tsx +++ b/src/categories/views/CategoryDetails.tsx @@ -51,9 +51,10 @@ export function getActiveTab(tabName: string): CategoryPageTab { : CategoryPageTab.categories; } -export const CategoryDetails: React.StatelessComponent< - CategoryDetailsProps -> = ({ id, params }) => { +export const CategoryDetails: React.FC = ({ + id, + params +}) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/categories/views/CategoryList/CategoryList.tsx b/src/categories/views/CategoryList/CategoryList.tsx index 7d5ff64dc..e9b61dcd5 100644 --- a/src/categories/views/CategoryList/CategoryList.tsx +++ b/src/categories/views/CategoryList/CategoryList.tsx @@ -42,9 +42,7 @@ interface CategoryListProps { params: CategoryListUrlQueryParams; } -export const CategoryList: React.StatelessComponent = ({ - params -}) => { +export const CategoryList: React.FC = ({ params }) => { const navigate = useNavigator(); const paginate = usePaginator(); const { isSelected, listElements, toggle, toggleAll, reset } = useBulkActions( diff --git a/src/collections/components/CollectionCreatePage/CollectionCreatePage.tsx b/src/collections/components/CollectionCreatePage/CollectionCreatePage.tsx index d3828a85c..e30eda267 100644 --- a/src/collections/components/CollectionCreatePage/CollectionCreatePage.tsx +++ b/src/collections/components/CollectionCreatePage/CollectionCreatePage.tsx @@ -57,9 +57,7 @@ const initialForm: CollectionCreatePageFormData = { seoTitle: "" }; -const CollectionCreatePage: React.StatelessComponent< - CollectionCreatePageProps -> = ({ +const CollectionCreatePage: React.FC = ({ disabled, errors, saveButtonBarState, diff --git a/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx b/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx index 55411231e..0f1398f38 100644 --- a/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx +++ b/src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx @@ -47,9 +47,7 @@ export interface CollectionDetailsPageProps extends PageListProps, ListActions { onSubmit: (data: CollectionDetailsPageFormData) => void; } -const CollectionDetailsPage: React.StatelessComponent< - CollectionDetailsPageProps -> = ({ +const CollectionDetailsPage: React.FC = ({ collection, disabled, isFeatured, diff --git a/src/collections/components/CollectionListPage/CollectionListPage.tsx b/src/collections/components/CollectionListPage/CollectionListPage.tsx index 2426eede8..683fec082 100644 --- a/src/collections/components/CollectionListPage/CollectionListPage.tsx +++ b/src/collections/components/CollectionListPage/CollectionListPage.tsx @@ -24,7 +24,7 @@ export interface CollectionListPageProps collections: CollectionList_collections_edges_node[]; } -const CollectionListPage: React.StatelessComponent = ({ +const CollectionListPage: React.FC = ({ currentTab, disabled, initialSearch, diff --git a/src/collections/containers/CollectionOperations.tsx b/src/collections/containers/CollectionOperations.tsx index 36d5bc12f..fd40ff642 100644 --- a/src/collections/containers/CollectionOperations.tsx +++ b/src/collections/containers/CollectionOperations.tsx @@ -59,9 +59,13 @@ interface CollectionUpdateOperationsProps { onRemove: (data: RemoveCollection) => void; } -const CollectionOperations: React.StatelessComponent< - CollectionUpdateOperationsProps -> = ({ children, onUpdate, onProductAssign, onProductUnassign, onRemove }) => ( +const CollectionOperations: React.FC = ({ + children, + onUpdate, + onProductAssign, + onProductUnassign, + onRemove +}) => ( {(...updateCollection) => ( diff --git a/src/collections/index.tsx b/src/collections/index.tsx index a5f0fce6a..1c799eab4 100644 --- a/src/collections/index.tsx +++ b/src/collections/index.tsx @@ -16,9 +16,7 @@ import CollectionCreate from "./views/CollectionCreate"; import CollectionDetailsView from "./views/CollectionDetails"; import CollectionListView from "./views/CollectionList"; -const CollectionList: React.StatelessComponent> = ({ - location -}) => { +const CollectionList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: CollectionListUrlQueryParams = qs; return ; @@ -27,7 +25,7 @@ const CollectionList: React.StatelessComponent> = ({ interface CollectionDetailsRouteProps { id: string; } -const CollectionDetails: React.StatelessComponent< +const CollectionDetails: React.FC< RouteComponentProps > = ({ location, match }) => { const qs = parseQs(location.search.substr(1)); diff --git a/src/collections/views/CollectionDetails.tsx b/src/collections/views/CollectionDetails.tsx index 085bb051c..e2e708fc5 100644 --- a/src/collections/views/CollectionDetails.tsx +++ b/src/collections/views/CollectionDetails.tsx @@ -39,9 +39,10 @@ interface CollectionDetailsProps { params: CollectionUrlQueryParams; } -export const CollectionDetails: React.StatelessComponent< - CollectionDetailsProps -> = ({ id, params }) => { +export const CollectionDetails: React.FC = ({ + id, + params +}) => { const navigate = useNavigator(); const notify = useNotifier(); const { isSelected, listElements, reset, toggle, toggleAll } = useBulkActions( diff --git a/src/collections/views/CollectionList/CollectionList.tsx b/src/collections/views/CollectionList/CollectionList.tsx index c36809f8a..c0828b362 100644 --- a/src/collections/views/CollectionList/CollectionList.tsx +++ b/src/collections/views/CollectionList/CollectionList.tsx @@ -49,9 +49,7 @@ interface CollectionListProps { params: CollectionListUrlQueryParams; } -export const CollectionList: React.StatelessComponent = ({ - params -}) => { +export const CollectionList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/components/AccountStatus/AccountStatus.tsx b/src/components/AccountStatus/AccountStatus.tsx index fb626f347..a6302888f 100644 --- a/src/components/AccountStatus/AccountStatus.tsx +++ b/src/components/AccountStatus/AccountStatus.tsx @@ -16,7 +16,7 @@ interface StaffStatusProps { onChange: (event: React.ChangeEvent) => void; } -const StaffStatus: React.StatelessComponent = ({ +const StaffStatus: React.FC = ({ data, disabled, label, diff --git a/src/components/AddressFormatter/AddressFormatter.tsx b/src/components/AddressFormatter/AddressFormatter.tsx index fa9efcc26..e23c9fe1e 100644 --- a/src/components/AddressFormatter/AddressFormatter.tsx +++ b/src/components/AddressFormatter/AddressFormatter.tsx @@ -8,9 +8,7 @@ interface AddressFormatterProps { address?: AddressType; } -const AddressFormatter: React.StatelessComponent = ({ - address -}) => { +const AddressFormatter: React.FC = ({ address }) => { if (!address) { return ; } diff --git a/src/components/AppProgress/index.tsx b/src/components/AppProgress/index.tsx index 27cc6f67f..4ff8f199b 100644 --- a/src/components/AppProgress/index.tsx +++ b/src/components/AppProgress/index.tsx @@ -9,9 +9,7 @@ export const AppProgressContext = React.createContext( undefined ); -export const AppProgressProvider: React.StatelessComponent<{}> = ({ - children -}) => { +export const AppProgressProvider: React.FC<{}> = ({ children }) => { const [isProgress, setProgressState] = React.useState(false); return ( diff --git a/src/components/ControlledCheckbox.tsx b/src/components/ControlledCheckbox.tsx index aef9e52e2..7ed45d330 100644 --- a/src/components/ControlledCheckbox.tsx +++ b/src/components/ControlledCheckbox.tsx @@ -11,9 +11,13 @@ interface ControlledCheckboxProps { onChange(event: any); } -export const ControlledCheckbox: React.StatelessComponent< - ControlledCheckboxProps -> = ({ checked, disabled, name, label, onChange }) => ( +export const ControlledCheckbox: React.FC = ({ + checked, + disabled, + name, + label, + onChange +}) => ( = ({ - date, - plain -}) => { +export const DateTime: React.FC = ({ date, plain }) => { const getTitle = (value: string, locale?: string, tz?: string) => { let date = moment(value).locale(locale); if (tz !== undefined) { diff --git a/src/components/DebounceForm.tsx b/src/components/DebounceForm.tsx index 7c8473695..0e17ca8d9 100644 --- a/src/components/DebounceForm.tsx +++ b/src/components/DebounceForm.tsx @@ -3,14 +3,12 @@ import Debounce from "./Debounce"; export interface DebounceFormProps { change: (event: React.ChangeEvent, cb?: () => void) => void; - children: (( - props: (event: React.ChangeEvent) => void - ) => React.ReactNode); + children: (props: (event: React.ChangeEvent) => void) => React.ReactNode; submit: (event: React.FormEvent) => void; time?: number; } -export const DebounceForm: React.StatelessComponent = ({ +export const DebounceForm: React.FC = ({ change, children, submit, diff --git a/src/components/ErrorMessageCard/ErrorMessageCard.tsx b/src/components/ErrorMessageCard/ErrorMessageCard.tsx index 5912d20d4..585813799 100644 --- a/src/components/ErrorMessageCard/ErrorMessageCard.tsx +++ b/src/components/ErrorMessageCard/ErrorMessageCard.tsx @@ -7,9 +7,7 @@ interface ErrorMessageCardProps { message: string; } -const ErrorMessageCard: React.StatelessComponent = ({ - message -}) => ( +const ErrorMessageCard: React.FC = ({ message }) => ( diff --git a/src/components/FilterCard/FilterCard.tsx b/src/components/FilterCard/FilterCard.tsx index 25d150874..f4293f3a5 100644 --- a/src/components/FilterCard/FilterCard.tsx +++ b/src/components/FilterCard/FilterCard.tsx @@ -10,10 +10,7 @@ export interface FilterCardProps { handleClear(); } -const FilterCard: React.StatelessComponent = ({ - children, - handleClear -}) => { +const FilterCard: React.FC = ({ children, handleClear }) => { const intl = useIntl(); return ( diff --git a/src/components/Money/Money.tsx b/src/components/Money/Money.tsx index c1c623ea9..5fe4829f6 100644 --- a/src/components/Money/Money.tsx +++ b/src/components/Money/Money.tsx @@ -10,7 +10,7 @@ export interface MoneyProps { money: IMoney; } -export const Money: React.StatelessComponent = ({ money }) => ( +export const Money: React.FC = ({ money }) => ( {({ locale }) => { return money.amount.toLocaleString(locale, { diff --git a/src/components/MoneyRange/MoneyRange.tsx b/src/components/MoneyRange/MoneyRange.tsx index e85c6c1d1..5e789e36a 100644 --- a/src/components/MoneyRange/MoneyRange.tsx +++ b/src/components/MoneyRange/MoneyRange.tsx @@ -15,10 +15,7 @@ const formatMoney = (money: IMoney, locale: string) => style: "currency" }); -export const MoneyRange: React.StatelessComponent = ({ - from, - to -}) => { +export const MoneyRange: React.FC = ({ from, to }) => { const intl = useIntl(); return ( diff --git a/src/components/Percent/Percent.tsx b/src/components/Percent/Percent.tsx index 7a890e7b3..731ea8516 100644 --- a/src/components/Percent/Percent.tsx +++ b/src/components/Percent/Percent.tsx @@ -6,7 +6,7 @@ interface PercentProps { amount: number; } -const Percent: React.StatelessComponent = ({ amount }) => ( +const Percent: React.FC = ({ amount }) => ( {({ locale }) => { return (amount / 100).toLocaleString(locale, { diff --git a/src/components/Weight/Weight.tsx b/src/components/Weight/Weight.tsx index 80ff80804..d6125065c 100644 --- a/src/components/Weight/Weight.tsx +++ b/src/components/Weight/Weight.tsx @@ -9,7 +9,7 @@ export interface WeightProps { weight: Weight; } -const Weight: React.StatelessComponent = ({ weight }) => ( +const Weight: React.FC = ({ weight }) => ( = ({ - title -}) => { +export const WindowTitle: React.FC = ({ title }) => { const shop = useShop(); return shop === undefined || !title ? null : ( diff --git a/src/customers/components/CustomerCreateNote/CustomerCreateNote.tsx b/src/customers/components/CustomerCreateNote/CustomerCreateNote.tsx index 3a4e9967c..eaead0f80 100644 --- a/src/customers/components/CustomerCreateNote/CustomerCreateNote.tsx +++ b/src/customers/components/CustomerCreateNote/CustomerCreateNote.tsx @@ -19,7 +19,7 @@ export interface CustomerCreateNoteProps { onChange: (event: React.ChangeEvent) => void; } -const CustomerCreateNote: React.StatelessComponent = ({ +const CustomerCreateNote: React.FC = ({ data, disabled, errors, diff --git a/src/customers/components/CustomerCreatePage/CustomerCreatePage.tsx b/src/customers/components/CustomerCreatePage/CustomerCreatePage.tsx index 3b89b0157..1ce4a9397 100644 --- a/src/customers/components/CustomerCreatePage/CustomerCreatePage.tsx +++ b/src/customers/components/CustomerCreatePage/CustomerCreatePage.tsx @@ -52,7 +52,7 @@ export interface CustomerCreatePageProps { onSubmit: (data: CustomerCreatePageFormData) => void; } -const CustomerCreatePage: React.StatelessComponent = ({ +const CustomerCreatePage: React.FC = ({ countries, disabled, errors, diff --git a/src/customers/components/CustomerDetailsPage/CustomerDetailsPage.tsx b/src/customers/components/CustomerDetailsPage/CustomerDetailsPage.tsx index b36c7ff54..d51cb3dae 100644 --- a/src/customers/components/CustomerDetailsPage/CustomerDetailsPage.tsx +++ b/src/customers/components/CustomerDetailsPage/CustomerDetailsPage.tsx @@ -39,9 +39,7 @@ export interface CustomerDetailsPageProps { onDelete: () => void; } -const CustomerDetailsPage: React.StatelessComponent< - CustomerDetailsPageProps -> = ({ +const CustomerDetailsPage: React.FC = ({ customer, disabled, errors, diff --git a/src/customers/components/CustomerListPage/CustomerListPage.tsx b/src/customers/components/CustomerListPage/CustomerListPage.tsx index 3b88e0601..ac761cdfa 100644 --- a/src/customers/components/CustomerListPage/CustomerListPage.tsx +++ b/src/customers/components/CustomerListPage/CustomerListPage.tsx @@ -24,7 +24,7 @@ export interface CustomerListPageProps customers: ListCustomers_customers_edges_node[]; } -const CustomerListPage: React.StatelessComponent = ({ +const CustomerListPage: React.FC = ({ currentTab, customers, disabled, diff --git a/src/customers/index.tsx b/src/customers/index.tsx index 7816ca508..cb105586f 100644 --- a/src/customers/index.tsx +++ b/src/customers/index.tsx @@ -19,9 +19,7 @@ import CustomerCreateView from "./views/CustomerCreate"; import CustomerDetailsViewComponent from "./views/CustomerDetails"; import CustomerListViewComponent from "./views/CustomerList"; -const CustomerListView: React.StatelessComponent> = ({ - location -}) => { +const CustomerListView: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: CustomerListUrlQueryParams = qs; return ; @@ -30,7 +28,7 @@ const CustomerListView: React.StatelessComponent> = ({ interface CustomerDetailsRouteParams { id: string; } -const CustomerDetailsView: React.StatelessComponent< +const CustomerDetailsView: React.FC< RouteComponentProps > = ({ location, match }) => { const qs = parseQs(location.search.substr(1)); @@ -47,7 +45,7 @@ const CustomerDetailsView: React.StatelessComponent< interface CustomerAddressesRouteParams { id: string; } -const CustomerAddressesView: React.StatelessComponent< +const CustomerAddressesView: React.FC< RouteComponentProps > = ({ match }) => { const qs = parseQs(location.search.substr(1)); @@ -61,7 +59,7 @@ const CustomerAddressesView: React.StatelessComponent< ); }; -export const CustomerSection: React.StatelessComponent<{}> = () => { +export const CustomerSection: React.FC<{}> = () => { const intl = useIntl(); return ( diff --git a/src/customers/views/CustomerCreate.tsx b/src/customers/views/CustomerCreate.tsx index 7713ad076..9aaf7f538 100644 --- a/src/customers/views/CustomerCreate.tsx +++ b/src/customers/views/CustomerCreate.tsx @@ -11,7 +11,7 @@ import { TypedCustomerCreateDataQuery } from "../queries"; import { CreateCustomer } from "../types/CreateCustomer"; import { customerListUrl, customerUrl } from "../urls"; -export const CustomerCreate: React.StatelessComponent<{}> = () => { +export const CustomerCreate: React.FC<{}> = () => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/customers/views/CustomerDetails.tsx b/src/customers/views/CustomerDetails.tsx index 45e82da24..e0154a9d0 100644 --- a/src/customers/views/CustomerDetails.tsx +++ b/src/customers/views/CustomerDetails.tsx @@ -29,9 +29,10 @@ interface CustomerDetailsViewProps { params: CustomerUrlQueryParams; } -export const CustomerDetailsView: React.StatelessComponent< - CustomerDetailsViewProps -> = ({ id, params }) => { +export const CustomerDetailsView: React.FC = ({ + id, + params +}) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/customers/views/CustomerList/CustomerList.tsx b/src/customers/views/CustomerList/CustomerList.tsx index 3742426c6..88daaf791 100644 --- a/src/customers/views/CustomerList/CustomerList.tsx +++ b/src/customers/views/CustomerList/CustomerList.tsx @@ -44,9 +44,7 @@ interface CustomerListProps { params: CustomerListUrlQueryParams; } -export const CustomerList: React.StatelessComponent = ({ - params -}) => { +export const CustomerList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/discounts/components/SaleCreatePage/SaleCreatePage.tsx b/src/discounts/components/SaleCreatePage/SaleCreatePage.tsx index 800ced791..9c9380252 100644 --- a/src/discounts/components/SaleCreatePage/SaleCreatePage.tsx +++ b/src/discounts/components/SaleCreatePage/SaleCreatePage.tsx @@ -36,7 +36,7 @@ export interface SaleCreatePageProps { onSubmit: (data: FormData) => void; } -const SaleCreatePage: React.StatelessComponent = ({ +const SaleCreatePage: React.FC = ({ defaultCurrency, disabled, errors, diff --git a/src/discounts/components/SaleDetailsPage/SaleDetailsPage.tsx b/src/discounts/components/SaleDetailsPage/SaleDetailsPage.tsx index 830e96e57..3d15d501a 100644 --- a/src/discounts/components/SaleDetailsPage/SaleDetailsPage.tsx +++ b/src/discounts/components/SaleDetailsPage/SaleDetailsPage.tsx @@ -77,7 +77,7 @@ const CategoriesTab = Tab(SaleDetailsPageTab.categories); const CollectionsTab = Tab(SaleDetailsPageTab.collections); const ProductsTab = Tab(SaleDetailsPageTab.products); -const SaleDetailsPage: React.StatelessComponent = ({ +const SaleDetailsPage: React.FC = ({ activeTab, defaultCurrency, disabled, diff --git a/src/discounts/components/SaleListPage/SaleListPage.tsx b/src/discounts/components/SaleListPage/SaleListPage.tsx index cf567cfa9..2698f5eaf 100644 --- a/src/discounts/components/SaleListPage/SaleListPage.tsx +++ b/src/discounts/components/SaleListPage/SaleListPage.tsx @@ -25,7 +25,7 @@ export interface SaleListPageProps sales: SaleList_sales_edges_node[]; } -const SaleListPage: React.StatelessComponent = ({ +const SaleListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/discounts/components/SaleSummary/SaleSummary.tsx b/src/discounts/components/SaleSummary/SaleSummary.tsx index f5ad7968c..9841f895e 100644 --- a/src/discounts/components/SaleSummary/SaleSummary.tsx +++ b/src/discounts/components/SaleSummary/SaleSummary.tsx @@ -22,10 +22,7 @@ export interface SaleSummaryProps { sale: SaleDetails_sale; } -const SaleSummary: React.StatelessComponent = ({ - defaultCurrency, - sale -}) => { +const SaleSummary: React.FC = ({ defaultCurrency, sale }) => { const intl = useIntl(); return ( diff --git a/src/discounts/components/VoucherCreatePage/VoucherCreatePage.tsx b/src/discounts/components/VoucherCreatePage/VoucherCreatePage.tsx index 7bb1d3e9b..5db458e5c 100644 --- a/src/discounts/components/VoucherCreatePage/VoucherCreatePage.tsx +++ b/src/discounts/components/VoucherCreatePage/VoucherCreatePage.tsx @@ -51,7 +51,7 @@ export interface VoucherCreatePageProps { onSubmit: (data: FormData) => void; } -const VoucherCreatePage: React.StatelessComponent = ({ +const VoucherCreatePage: React.FC = ({ defaultCurrency, disabled, errors, diff --git a/src/discounts/components/VoucherDetailsPage/VoucherDetailsPage.tsx b/src/discounts/components/VoucherDetailsPage/VoucherDetailsPage.tsx index cf783f291..c9c35cde0 100644 --- a/src/discounts/components/VoucherDetailsPage/VoucherDetailsPage.tsx +++ b/src/discounts/components/VoucherDetailsPage/VoucherDetailsPage.tsx @@ -96,7 +96,7 @@ const CategoriesTab = Tab(VoucherDetailsPageTab.categories); const CollectionsTab = Tab(VoucherDetailsPageTab.collections); const ProductsTab = Tab(VoucherDetailsPageTab.products); -const VoucherDetailsPage: React.StatelessComponent = ({ +const VoucherDetailsPage: React.FC = ({ activeTab, defaultCurrency, disabled, diff --git a/src/discounts/components/VoucherListPage/VoucherListPage.tsx b/src/discounts/components/VoucherListPage/VoucherListPage.tsx index 4d32b59f2..230da7b41 100644 --- a/src/discounts/components/VoucherListPage/VoucherListPage.tsx +++ b/src/discounts/components/VoucherListPage/VoucherListPage.tsx @@ -25,7 +25,7 @@ export interface VoucherListPageProps vouchers: VoucherList_vouchers_edges_node[]; } -const VoucherListPage: React.StatelessComponent = ({ +const VoucherListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/discounts/components/VoucherSummary/VoucherSummary.tsx b/src/discounts/components/VoucherSummary/VoucherSummary.tsx index 50cbba67d..c6f1b7075 100644 --- a/src/discounts/components/VoucherSummary/VoucherSummary.tsx +++ b/src/discounts/components/VoucherSummary/VoucherSummary.tsx @@ -23,7 +23,7 @@ export interface VoucherSummaryProps { voucher: VoucherDetails_voucher; } -const VoucherSummary: React.StatelessComponent = ({ +const VoucherSummary: React.FC = ({ defaultCurrency, voucher }) => { diff --git a/src/discounts/index.tsx b/src/discounts/index.tsx index 22c95c9bd..ad35cd663 100644 --- a/src/discounts/index.tsx +++ b/src/discounts/index.tsx @@ -26,17 +26,16 @@ import VoucherCreateView from "./views/VoucherCreate"; import VoucherDetailsViewComponent from "./views/VoucherDetails"; import VoucherListViewComponent from "./views/VoucherList"; -const SaleListView: React.StatelessComponent> = ({ - location -}) => { +const SaleListView: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: SaleListUrlQueryParams = qs; return ; }; -const SaleDetailsView: React.StatelessComponent< - RouteComponentProps<{ id: string }> -> = ({ match, location }) => { +const SaleDetailsView: React.FC> = ({ + match, + location +}) => { const { activeTab, ...qs } = parseQs(location.search.substr(1)); const params: SaleUrlQueryParams = { ...qs, @@ -50,17 +49,16 @@ const SaleDetailsView: React.StatelessComponent< ); }; -const VoucherListView: React.StatelessComponent> = ({ - location -}) => { +const VoucherListView: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: VoucherListUrlQueryParams = qs; return ; }; -const VoucherDetailsView: React.StatelessComponent< - RouteComponentProps<{ id: string }> -> = ({ match, location }) => { +const VoucherDetailsView: React.FC> = ({ + match, + location +}) => { const { activeTab, ...qs } = parseQs(location.search.substr(1)); const params: VoucherUrlQueryParams = { ...qs, @@ -74,7 +72,7 @@ const VoucherDetailsView: React.StatelessComponent< ); }; -export const DiscountSection: React.StatelessComponent<{}> = () => { +export const DiscountSection: React.FC<{}> = () => { const intl = useIntl(); return ( diff --git a/src/discounts/views/SaleCreate.tsx b/src/discounts/views/SaleCreate.tsx index 2a4557e53..1acdef0bf 100644 --- a/src/discounts/views/SaleCreate.tsx +++ b/src/discounts/views/SaleCreate.tsx @@ -19,7 +19,7 @@ function discountValueTypeEnum(type: SaleType): DiscountValueTypeEnum { : DiscountValueTypeEnum.PERCENTAGE; } -export const SaleDetails: React.StatelessComponent = () => { +export const SaleDetails: React.FC = () => { const navigate = useNavigator(); const pushMessage = useNotifier(); const shop = useShop(); diff --git a/src/discounts/views/SaleDetails.tsx b/src/discounts/views/SaleDetails.tsx index 5f5c4b353..aac84bbf6 100644 --- a/src/discounts/views/SaleDetails.tsx +++ b/src/discounts/views/SaleDetails.tsx @@ -57,10 +57,7 @@ function discountValueTypeEnum(type: SaleType): DiscountValueTypeEnum { : DiscountValueTypeEnum.PERCENTAGE; } -export const SaleDetails: React.StatelessComponent = ({ - id, - params -}) => { +export const SaleDetails: React.FC = ({ id, params }) => { const navigate = useNavigator(); const paginate = usePaginator(); const notify = useNotifier(); diff --git a/src/discounts/views/SaleList/SaleList.tsx b/src/discounts/views/SaleList/SaleList.tsx index 0bfded879..04619ab8d 100644 --- a/src/discounts/views/SaleList/SaleList.tsx +++ b/src/discounts/views/SaleList/SaleList.tsx @@ -46,9 +46,7 @@ interface SaleListProps { params: SaleListUrlQueryParams; } -export const SaleList: React.StatelessComponent = ({ - params -}) => { +export const SaleList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/discounts/views/VoucherCreate.tsx b/src/discounts/views/VoucherCreate.tsx index 18c5792cd..987df7868 100644 --- a/src/discounts/views/VoucherCreate.tsx +++ b/src/discounts/views/VoucherCreate.tsx @@ -17,7 +17,7 @@ import { RequirementsPicker } from "../types"; import { VoucherCreate } from "../types/VoucherCreate"; import { voucherListUrl, voucherUrl } from "../urls"; -export const VoucherDetails: React.StatelessComponent = () => { +export const VoucherDetails: React.FC = () => { const navigate = useNavigator(); const notify = useNotifier(); const shop = useShop(); diff --git a/src/discounts/views/VoucherDetails.tsx b/src/discounts/views/VoucherDetails.tsx index b72fe84be..7f4ec037e 100644 --- a/src/discounts/views/VoucherDetails.tsx +++ b/src/discounts/views/VoucherDetails.tsx @@ -56,7 +56,7 @@ interface VoucherDetailsProps { params: VoucherUrlQueryParams; } -export const VoucherDetails: React.StatelessComponent = ({ +export const VoucherDetails: React.FC = ({ id, params }) => { diff --git a/src/discounts/views/VoucherList/VoucherList.tsx b/src/discounts/views/VoucherList/VoucherList.tsx index 9de0be51c..70879c2b3 100644 --- a/src/discounts/views/VoucherList/VoucherList.tsx +++ b/src/discounts/views/VoucherList/VoucherList.tsx @@ -46,9 +46,7 @@ interface VoucherListProps { params: VoucherListUrlQueryParams; } -export const VoucherList: React.StatelessComponent = ({ - params -}) => { +export const VoucherList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/home/components/HomeScreen.tsx b/src/home/components/HomeScreen.tsx index c78e9236a..aa9bcbf44 100644 --- a/src/home/components/HomeScreen.tsx +++ b/src/home/components/HomeScreen.tsx @@ -14,9 +14,7 @@ interface HomeScreenProps { }; } -export const HomeScreen: React.StatelessComponent = ({ - user -}) => { +export const HomeScreen: React.FC = ({ user }) => { const intl = useIntl(); return ( diff --git a/src/navigation/components/MenuDetailsPage/MenuDetailsPage.tsx b/src/navigation/components/MenuDetailsPage/MenuDetailsPage.tsx index e9175ffa0..1d96d3add 100644 --- a/src/navigation/components/MenuDetailsPage/MenuDetailsPage.tsx +++ b/src/navigation/components/MenuDetailsPage/MenuDetailsPage.tsx @@ -37,7 +37,7 @@ export interface MenuDetailsPageProps { onSubmit: (data: MenuDetailsSubmitData) => Promise; } -const MenuDetailsPage: React.StatelessComponent = ({ +const MenuDetailsPage: React.FC = ({ disabled, menu, saveButtonState, diff --git a/src/navigation/components/MenuItemDialog/MenuItemDialog.tsx b/src/navigation/components/MenuItemDialog/MenuItemDialog.tsx index 1d68ea63d..30f2c9945 100644 --- a/src/navigation/components/MenuItemDialog/MenuItemDialog.tsx +++ b/src/navigation/components/MenuItemDialog/MenuItemDialog.tsx @@ -73,7 +73,7 @@ function getDisplayValue(menu: IMenu, value: string): string { return getMenuItemByValue(menu, value).label.toString(); } -const MenuItemDialog: React.StatelessComponent = ({ +const MenuItemDialog: React.FC = ({ confirmButtonState, disabled, errors: apiErrors, diff --git a/src/navigation/components/MenuListPage/MenuListPage.tsx b/src/navigation/components/MenuListPage/MenuListPage.tsx index 6237c5b19..57e8fbd93 100644 --- a/src/navigation/components/MenuListPage/MenuListPage.tsx +++ b/src/navigation/components/MenuListPage/MenuListPage.tsx @@ -17,7 +17,7 @@ export interface MenuListPageProps extends PageListProps, ListActions { onDelete: (id: string) => void; } -const MenuListPage: React.StatelessComponent = ({ +const MenuListPage: React.FC = ({ disabled, onAdd, onBack, diff --git a/src/navigation/components/MenuProperties/MenuProperties.tsx b/src/navigation/components/MenuProperties/MenuProperties.tsx index 624840f7d..cb84dea90 100644 --- a/src/navigation/components/MenuProperties/MenuProperties.tsx +++ b/src/navigation/components/MenuProperties/MenuProperties.tsx @@ -14,7 +14,7 @@ export interface MenuPropertiesProps { onChange: (event: React.ChangeEvent) => void; } -const MenuProperties: React.StatelessComponent = ({ +const MenuProperties: React.FC = ({ data, disabled, onChange diff --git a/src/orders/components/OrderBulkCancelDialog/OrderBulkCancelDialog.tsx b/src/orders/components/OrderBulkCancelDialog/OrderBulkCancelDialog.tsx index 21923f846..1fb62367f 100644 --- a/src/orders/components/OrderBulkCancelDialog/OrderBulkCancelDialog.tsx +++ b/src/orders/components/OrderBulkCancelDialog/OrderBulkCancelDialog.tsx @@ -14,9 +14,13 @@ export interface OrderBulkCancelDialogProps { onConfirm: (restock: boolean) => void; } -const OrderBulkCancelDialog: React.StatelessComponent< - OrderBulkCancelDialogProps -> = ({ confirmButtonState, numberOfOrders, open, onClose, onConfirm }) => { +const OrderBulkCancelDialog: React.FC = ({ + confirmButtonState, + numberOfOrders, + open, + onClose, + onConfirm +}) => { const intl = useIntl(); const [restock, setRestock] = React.useState(true); diff --git a/src/orders/components/OrderCustomerNote/OrderCustomerNote.tsx b/src/orders/components/OrderCustomerNote/OrderCustomerNote.tsx index affb2e180..84e456ec0 100644 --- a/src/orders/components/OrderCustomerNote/OrderCustomerNote.tsx +++ b/src/orders/components/OrderCustomerNote/OrderCustomerNote.tsx @@ -11,9 +11,9 @@ interface OrderCustomerNoteProps { note: string; } -export const OrderCustomerNote: React.StatelessComponent< - OrderCustomerNoteProps -> = ({ note }) => { +export const OrderCustomerNote: React.FC = ({ + note +}) => { const intl = useIntl(); return ( diff --git a/src/orders/components/OrderDraftCancelDialog/OrderDraftCancelDialog.tsx b/src/orders/components/OrderDraftCancelDialog/OrderDraftCancelDialog.tsx index a4cbe1e7d..3d501de55 100644 --- a/src/orders/components/OrderDraftCancelDialog/OrderDraftCancelDialog.tsx +++ b/src/orders/components/OrderDraftCancelDialog/OrderDraftCancelDialog.tsx @@ -13,9 +13,13 @@ export interface OrderDraftCancelDialogProps { orderNumber: string; } -const OrderDraftCancelDialog: React.StatelessComponent< - OrderDraftCancelDialogProps -> = ({ confirmButtonState, onClose, onConfirm, open, orderNumber }) => { +const OrderDraftCancelDialog: React.FC = ({ + confirmButtonState, + onClose, + onConfirm, + open, + orderNumber +}) => { const intl = useIntl(); return ( diff --git a/src/orders/components/OrderDraftDetails/OrderDraftDetails.tsx b/src/orders/components/OrderDraftDetails/OrderDraftDetails.tsx index 73ad251f5..729552ce9 100644 --- a/src/orders/components/OrderDraftDetails/OrderDraftDetails.tsx +++ b/src/orders/components/OrderDraftDetails/OrderDraftDetails.tsx @@ -23,7 +23,7 @@ interface OrderDraftDetailsProps { onShippingMethodEdit: () => void; } -const OrderDraftDetails: React.StatelessComponent = ({ +const OrderDraftDetails: React.FC = ({ order, onOrderLineAdd, onOrderLineChange, diff --git a/src/orders/components/OrderDraftFinalizeDialog/OrderDraftFinalizeDialog.tsx b/src/orders/components/OrderDraftFinalizeDialog/OrderDraftFinalizeDialog.tsx index 03c7ed34b..53a29a98d 100644 --- a/src/orders/components/OrderDraftFinalizeDialog/OrderDraftFinalizeDialog.tsx +++ b/src/orders/components/OrderDraftFinalizeDialog/OrderDraftFinalizeDialog.tsx @@ -46,9 +46,7 @@ function translateWarnings( }; } -const OrderDraftFinalizeDialog: React.StatelessComponent< - OrderDraftFinalizeDialogProps -> = ({ +const OrderDraftFinalizeDialog: React.FC = ({ confirmButtonState, open, warnings, diff --git a/src/orders/components/OrderDraftListPage/OrderDraftListPage.tsx b/src/orders/components/OrderDraftListPage/OrderDraftListPage.tsx index 8c35be9c4..85c9719ce 100644 --- a/src/orders/components/OrderDraftListPage/OrderDraftListPage.tsx +++ b/src/orders/components/OrderDraftListPage/OrderDraftListPage.tsx @@ -25,7 +25,7 @@ export interface OrderDraftListPageProps orders: OrderDraftList_draftOrders_edges_node[]; } -const OrderDraftListPage: React.StatelessComponent = ({ +const OrderDraftListPage: React.FC = ({ currentTab, disabled, initialSearch, diff --git a/src/orders/components/OrderFulfillmentTrackingDialog/OrderFulfillmentTrackingDialog.tsx b/src/orders/components/OrderFulfillmentTrackingDialog/OrderFulfillmentTrackingDialog.tsx index c1633df32..2e00052e8 100644 --- a/src/orders/components/OrderFulfillmentTrackingDialog/OrderFulfillmentTrackingDialog.tsx +++ b/src/orders/components/OrderFulfillmentTrackingDialog/OrderFulfillmentTrackingDialog.tsx @@ -25,7 +25,7 @@ interface OrderFulfillmentTrackingDialogProps { onConfirm(data: FormData); } -const OrderFulfillmentTrackingDialog: React.StatelessComponent< +const OrderFulfillmentTrackingDialog: React.FC< OrderFulfillmentTrackingDialogProps > = ({ confirmButtonState, open, trackingNumber, onConfirm, onClose }) => { const intl = useIntl(); diff --git a/src/orders/components/OrderMarkAsPaidDialog/OrderMarkAsPaidDialog.tsx b/src/orders/components/OrderMarkAsPaidDialog/OrderMarkAsPaidDialog.tsx index f0dad31dd..ede7a87eb 100644 --- a/src/orders/components/OrderMarkAsPaidDialog/OrderMarkAsPaidDialog.tsx +++ b/src/orders/components/OrderMarkAsPaidDialog/OrderMarkAsPaidDialog.tsx @@ -12,9 +12,12 @@ export interface OrderMarkAsPaidDialogProps { onConfirm: () => void; } -const OrderMarkAsPaidDialog: React.StatelessComponent< - OrderMarkAsPaidDialogProps -> = ({ confirmButtonState, onClose, onConfirm, open }) => { +const OrderMarkAsPaidDialog: React.FC = ({ + confirmButtonState, + onClose, + onConfirm, + open +}) => { const intl = useIntl(); return ( diff --git a/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx b/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx index fd1e49566..e6f48de55 100644 --- a/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx +++ b/src/orders/components/OrderPaymentDialog/OrderPaymentDialog.tsx @@ -26,7 +26,7 @@ interface OrderPaymentDialogProps { onSubmit: (data: FormData) => void; } -const OrderPaymentDialog: React.StatelessComponent = ({ +const OrderPaymentDialog: React.FC = ({ confirmButtonState, open, initial, diff --git a/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx b/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx index 3dbd1a16a..0e8b15ba2 100644 --- a/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx +++ b/src/orders/components/OrderPaymentVoidDialog/OrderPaymentVoidDialog.tsx @@ -19,9 +19,12 @@ interface OrderPaymentVoidDialogProps { onConfirm?(); } -const OrderPaymentVoidDialog: React.StatelessComponent< - OrderPaymentVoidDialogProps -> = ({ confirmButtonState, open, onConfirm, onClose }) => ( +const OrderPaymentVoidDialog: React.FC = ({ + confirmButtonState, + open, + onConfirm, + onClose +}) => ( void; } -const OrderOperations: React.StatelessComponent = ({ +const OrderOperations: React.FC = ({ children, onDraftUpdate, onOrderFulfillmentCreate, diff --git a/src/orders/index.tsx b/src/orders/index.tsx index 8bf198769..b78d1fd82 100644 --- a/src/orders/index.tsx +++ b/src/orders/index.tsx @@ -17,22 +17,18 @@ import OrderDetailsComponent from "./views/OrderDetails"; import OrderDraftListComponent from "./views/OrderDraftList"; import OrderListComponent from "./views/OrderList"; -const OrderList: React.StatelessComponent> = ({ - location -}) => { +const OrderList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: OrderListUrlQueryParams = qs; return ; }; -const OrderDraftList: React.StatelessComponent> = ({ - location -}) => { +const OrderDraftList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: OrderDraftListUrlQueryParams = qs; return ; }; -const OrderDetails: React.StatelessComponent> = ({ +const OrderDetails: React.FC> = ({ location, match }) => { diff --git a/src/orders/views/OrderDetails/OrderDetailsMessages.tsx b/src/orders/views/OrderDetails/OrderDetailsMessages.tsx index 809c7a48c..bb598f4b7 100644 --- a/src/orders/views/OrderDetails/OrderDetailsMessages.tsx +++ b/src/orders/views/OrderDetails/OrderDetailsMessages.tsx @@ -47,9 +47,9 @@ interface OrderDetailsMessages { }) => React.ReactElement; } -export const OrderDetailsMessages: React.StatelessComponent< - OrderDetailsMessages -> = ({ children }) => { +export const OrderDetailsMessages: React.FC = ({ + children +}) => { const navigate = useNavigator(); const pushMessage = useNotifier(); const intl = useIntl(); diff --git a/src/orders/views/OrderDetails/index.tsx b/src/orders/views/OrderDetails/index.tsx index 051368fb9..1c7b765bd 100644 --- a/src/orders/views/OrderDetails/index.tsx +++ b/src/orders/views/OrderDetails/index.tsx @@ -76,10 +76,7 @@ interface OrderDetailsProps { params: OrderUrlQueryParams; } -export const OrderDetails: React.StatelessComponent = ({ - id, - params -}) => { +export const OrderDetails: React.FC = ({ id, params }) => { const navigate = useNavigator(); const { user } = useUser(); diff --git a/src/orders/views/OrderDraftList/OrderDraftList.tsx b/src/orders/views/OrderDraftList/OrderDraftList.tsx index 826e942c6..0743de001 100644 --- a/src/orders/views/OrderDraftList/OrderDraftList.tsx +++ b/src/orders/views/OrderDraftList/OrderDraftList.tsx @@ -46,9 +46,7 @@ interface OrderDraftListProps { params: OrderDraftListUrlQueryParams; } -export const OrderDraftList: React.StatelessComponent = ({ - params -}) => { +export const OrderDraftList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/orders/views/OrderList/OrderList.tsx b/src/orders/views/OrderList/OrderList.tsx index 69e572e29..26e49fd22 100644 --- a/src/orders/views/OrderList/OrderList.tsx +++ b/src/orders/views/OrderList/OrderList.tsx @@ -48,9 +48,7 @@ interface OrderListProps { params: OrderListUrlQueryParams; } -export const OrderList: React.StatelessComponent = ({ - params -}) => { +export const OrderList: React.FC = ({ params }) => { const formatDate = useDateLocalize(); const navigate = useNavigator(); const notify = useNotifier(); diff --git a/src/pages/components/PageDetailsPage/PageDetailsPage.tsx b/src/pages/components/PageDetailsPage/PageDetailsPage.tsx index 1d2a3f65d..a95995b5d 100644 --- a/src/pages/components/PageDetailsPage/PageDetailsPage.tsx +++ b/src/pages/components/PageDetailsPage/PageDetailsPage.tsx @@ -45,7 +45,7 @@ export interface PageDetailsPageProps { onSubmit: (data: FormData) => void; } -const PageDetailsPage: React.StatelessComponent = ({ +const PageDetailsPage: React.FC = ({ disabled, errors, page, diff --git a/src/pages/components/PageListPage/PageListPage.tsx b/src/pages/components/PageListPage/PageListPage.tsx index c215829fd..85a7dbdc6 100644 --- a/src/pages/components/PageListPage/PageListPage.tsx +++ b/src/pages/components/PageListPage/PageListPage.tsx @@ -16,7 +16,7 @@ export interface PageListPageProps extends PageListProps, ListActions { onBack: () => void; } -const PageListPage: React.StatelessComponent = ({ +const PageListPage: React.FC = ({ disabled, settings, onAdd, diff --git a/src/pages/components/PageSlug/PageSlug.tsx b/src/pages/components/PageSlug/PageSlug.tsx index fded6707c..fe879893b 100644 --- a/src/pages/components/PageSlug/PageSlug.tsx +++ b/src/pages/components/PageSlug/PageSlug.tsx @@ -15,7 +15,7 @@ export interface PageSlugProps { onChange: (event: React.ChangeEvent) => void; } -const PageSlug: React.StatelessComponent = ({ +const PageSlug: React.FC = ({ data, disabled, errors, diff --git a/src/pages/index.tsx b/src/pages/index.tsx index aacc211ec..5bc69c675 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -16,17 +16,13 @@ import PageCreate from "./views/PageCreate"; import PageDetailsComponent from "./views/PageDetails"; import PageListComponent from "./views/PageList"; -const PageList: React.StatelessComponent> = ({ - location -}) => { +const PageList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: PageListUrlQueryParams = qs; return ; }; -const PageDetails: React.StatelessComponent> = ({ - match -}) => { +const PageDetails: React.FC> = ({ match }) => { const qs = parseQs(location.search.substr(1)); const params: PageUrlQueryParams = qs; diff --git a/src/pages/views/PageCreate.tsx b/src/pages/views/PageCreate.tsx index ff431ff8b..3267a99b6 100644 --- a/src/pages/views/PageCreate.tsx +++ b/src/pages/views/PageCreate.tsx @@ -14,7 +14,7 @@ export interface PageCreateProps { id: string; } -export const PageCreate: React.StatelessComponent = () => { +export const PageCreate: React.FC = () => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/pages/views/PageDetails.tsx b/src/pages/views/PageDetails.tsx index 4419feab3..be91c70dc 100644 --- a/src/pages/views/PageDetails.tsx +++ b/src/pages/views/PageDetails.tsx @@ -37,10 +37,7 @@ const createPageInput = (data: FormData): PageInput => { }; }; -export const PageDetails: React.StatelessComponent = ({ - id, - params -}) => { +export const PageDetails: React.FC = ({ id, params }) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/pages/views/PageList.tsx b/src/pages/views/PageList.tsx index 511a00d6c..92ac477f0 100644 --- a/src/pages/views/PageList.tsx +++ b/src/pages/views/PageList.tsx @@ -33,9 +33,7 @@ interface PageListProps { params: PageListUrlQueryParams; } -export const PageList: React.StatelessComponent = ({ - params -}) => { +export const PageList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/plugins/components/PluginInfo/PluginInfo.tsx b/src/plugins/components/PluginInfo/PluginInfo.tsx index 3454f2d92..0a7c66824 100644 --- a/src/plugins/components/PluginInfo/PluginInfo.tsx +++ b/src/plugins/components/PluginInfo/PluginInfo.tsx @@ -29,7 +29,7 @@ const useStyles = makeStyles(() => ({ } })); -const PluginInfo: React.StatelessComponent = ({ +const PluginInfo: React.FC = ({ data, description, name, diff --git a/src/plugins/components/PluginSettings/PluginSettings.tsx b/src/plugins/components/PluginSettings/PluginSettings.tsx index b97973783..4a71b4a70 100644 --- a/src/plugins/components/PluginSettings/PluginSettings.tsx +++ b/src/plugins/components/PluginSettings/PluginSettings.tsx @@ -32,7 +32,7 @@ const useStyles = makeStyles(() => ({ } })); -const PluginSettings: React.StatelessComponent = ({ +const PluginSettings: React.FC = ({ data, disabled, errors, diff --git a/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx index 0401425b2..cf656775d 100644 --- a/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx +++ b/src/plugins/components/PluginsDetailsPage/PluginsDetailsPage.tsx @@ -31,7 +31,7 @@ export interface PluginsDetailsPageProps { onSubmit: (data: FormData) => void; } -const PluginsDetailsPage: React.StatelessComponent = ({ +const PluginsDetailsPage: React.FC = ({ disabled, errors, plugin, diff --git a/src/plugins/components/PluginsListPage/PluginsListPage.tsx b/src/plugins/components/PluginsListPage/PluginsListPage.tsx index 3d117338e..8add7de75 100644 --- a/src/plugins/components/PluginsListPage/PluginsListPage.tsx +++ b/src/plugins/components/PluginsListPage/PluginsListPage.tsx @@ -14,7 +14,7 @@ export interface PluginsListPageProps extends PageListProps { onBack: () => void; } -const PluginsListPage: React.StatelessComponent = ({ +const PluginsListPage: React.FC = ({ disabled, settings, onBack, diff --git a/src/plugins/index.tsx b/src/plugins/index.tsx index 4f2276264..388c408da 100644 --- a/src/plugins/index.tsx +++ b/src/plugins/index.tsx @@ -13,17 +13,13 @@ import { import PluginsDetailsComponent from "./views/PluginsDetails"; import PluginsListComponent from "./views/PluginsList"; -const PluginList: React.StatelessComponent> = ({ - location -}) => { +const PluginList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: PluginsListUrlQueryParams = qs; return ; }; -const PageDetails: React.StatelessComponent> = ({ - match -}) => { +const PageDetails: React.FC> = ({ match }) => { const qs = parseQs(location.search.substr(1)); const params: PluginsListUrlQueryParams = qs; diff --git a/src/plugins/views/PluginDetails.test.ts b/src/plugins/views/PluginDetails.test.ts new file mode 100644 index 000000000..e69de29bb diff --git a/src/plugins/views/PluginsDetails.tsx b/src/plugins/views/PluginsDetails.tsx index 69e136351..5e890dd0c 100644 --- a/src/plugins/views/PluginsDetails.tsx +++ b/src/plugins/views/PluginsDetails.tsx @@ -15,9 +15,7 @@ export interface PluginsDetailsProps { params: PluginsListUrlQueryParams; } -export const PluginsDetails: React.StatelessComponent = ({ - id -}) => { +export const PluginsDetails: React.FC = ({ id }) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/plugins/views/PluginsList.tsx b/src/plugins/views/PluginsList.tsx index 848904d5a..4f34e06be 100644 --- a/src/plugins/views/PluginsList.tsx +++ b/src/plugins/views/PluginsList.tsx @@ -16,9 +16,7 @@ interface PluginsListProps { params: PluginsListUrlQueryParams; } -export const PluginsList: React.StatelessComponent = ({ - params -}) => { +export const PluginsList: React.FC = ({ params }) => { const navigate = useNavigator(); const paginate = usePaginator(); const { updateListSettings, settings } = useListSettings( diff --git a/src/productTypes/components/ProductTypeAttributeEditDialog/ProductTypeAttributeEditDialog.tsx b/src/productTypes/components/ProductTypeAttributeEditDialog/ProductTypeAttributeEditDialog.tsx index ec1128b72..e92ac1bb8 100644 --- a/src/productTypes/components/ProductTypeAttributeEditDialog/ProductTypeAttributeEditDialog.tsx +++ b/src/productTypes/components/ProductTypeAttributeEditDialog/ProductTypeAttributeEditDialog.tsx @@ -37,7 +37,7 @@ export interface ProductTypeAttributeEditDialogProps { onConfirm: (data: FormData) => void; } -const ProductTypeAttributeEditDialog: React.StatelessComponent< +const ProductTypeAttributeEditDialog: React.FC< ProductTypeAttributeEditDialogProps > = ({ disabled, errors, name, opened, title, values, onClose, onConfirm }) => { const intl = useIntl(); diff --git a/src/productTypes/components/ProductTypeCreatePage/ProductTypeCreatePage.tsx b/src/productTypes/components/ProductTypeCreatePage/ProductTypeCreatePage.tsx index fd639bad6..23a12c2e1 100644 --- a/src/productTypes/components/ProductTypeCreatePage/ProductTypeCreatePage.tsx +++ b/src/productTypes/components/ProductTypeCreatePage/ProductTypeCreatePage.tsx @@ -56,9 +56,7 @@ function handleTaxTypeChange( ); } -const ProductTypeCreatePage: React.StatelessComponent< - ProductTypeCreatePageProps -> = ({ +const ProductTypeCreatePage: React.FC = ({ defaultWeightUnit, disabled, errors, diff --git a/src/productTypes/components/ProductTypeDetailsPage/ProductTypeDetailsPage.tsx b/src/productTypes/components/ProductTypeDetailsPage/ProductTypeDetailsPage.tsx index d1150695c..6ff04d80a 100644 --- a/src/productTypes/components/ProductTypeDetailsPage/ProductTypeDetailsPage.tsx +++ b/src/productTypes/components/ProductTypeDetailsPage/ProductTypeDetailsPage.tsx @@ -72,9 +72,7 @@ function handleTaxTypeChange( ); } -const ProductTypeDetailsPage: React.StatelessComponent< - ProductTypeDetailsPageProps -> = ({ +const ProductTypeDetailsPage: React.FC = ({ defaultWeightUnit, disabled, errors, diff --git a/src/productTypes/components/ProductTypeListPage/ProductTypeListPage.tsx b/src/productTypes/components/ProductTypeListPage/ProductTypeListPage.tsx index 846a3aaa0..278c65968 100644 --- a/src/productTypes/components/ProductTypeListPage/ProductTypeListPage.tsx +++ b/src/productTypes/components/ProductTypeListPage/ProductTypeListPage.tsx @@ -26,9 +26,7 @@ export interface ProductTypeListPageProps onBack: () => void; } -const ProductTypeListPage: React.StatelessComponent< - ProductTypeListPageProps -> = ({ +const ProductTypeListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/productTypes/components/ProductTypeShipping/ProductTypeShipping.tsx b/src/productTypes/components/ProductTypeShipping/ProductTypeShipping.tsx index df400dbed..afb146aca 100644 --- a/src/productTypes/components/ProductTypeShipping/ProductTypeShipping.tsx +++ b/src/productTypes/components/ProductTypeShipping/ProductTypeShipping.tsx @@ -18,9 +18,12 @@ interface ProductTypeShippingProps { onChange: (event: React.ChangeEvent) => void; } -const ProductTypeShipping: React.StatelessComponent< - ProductTypeShippingProps -> = ({ data, defaultWeightUnit, disabled, onChange }) => { +const ProductTypeShipping: React.FC = ({ + data, + defaultWeightUnit, + disabled, + onChange +}) => { const intl = useIntl(); return ( diff --git a/src/productTypes/containers/ProductTypeOperations.tsx b/src/productTypes/containers/ProductTypeOperations.tsx index 66d0d83eb..a16c1d2d8 100644 --- a/src/productTypes/containers/ProductTypeOperations.tsx +++ b/src/productTypes/containers/ProductTypeOperations.tsx @@ -90,9 +90,7 @@ interface ProductTypeOperationsProps { onProductTypeUpdate: (data: ProductTypeUpdate) => void; } -const ProductTypeOperations: React.StatelessComponent< - ProductTypeOperationsProps -> = ({ +const ProductTypeOperations: React.FC = ({ children, productType, onAssignAttribute, diff --git a/src/productTypes/index.tsx b/src/productTypes/index.tsx index dbde2f8f0..6b4af2c1f 100644 --- a/src/productTypes/index.tsx +++ b/src/productTypes/index.tsx @@ -16,9 +16,7 @@ import ProductTypeCreate from "./views/ProductTypeCreate"; import ProductTypeListComponent from "./views/ProductTypeList"; import ProductTypeUpdateComponent from "./views/ProductTypeUpdate"; -const ProductTypeList: React.StatelessComponent> = ({ - location -}) => { +const ProductTypeList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: ProductTypeListUrlQueryParams = qs; return ; @@ -27,7 +25,7 @@ const ProductTypeList: React.StatelessComponent> = ({ interface ProductTypeUpdateRouteParams { id: string; } -const ProductTypeUpdate: React.StatelessComponent< +const ProductTypeUpdate: React.FC< RouteComponentProps > = ({ match }) => { const qs = parseQs(location.search.substr(1)); diff --git a/src/productTypes/views/ProductTypeCreate.tsx b/src/productTypes/views/ProductTypeCreate.tsx index 0030d5248..de3dbc568 100644 --- a/src/productTypes/views/ProductTypeCreate.tsx +++ b/src/productTypes/views/ProductTypeCreate.tsx @@ -13,7 +13,7 @@ import { TypedProductTypeCreateDataQuery } from "../queries"; import { ProductTypeCreate as ProductTypeCreateMutation } from "../types/ProductTypeCreate"; import { productTypeListUrl, productTypeUrl } from "../urls"; -export const ProductTypeCreate: React.StatelessComponent = () => { +export const ProductTypeCreate: React.FC = () => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/productTypes/views/ProductTypeList/ProductTypeList.tsx b/src/productTypes/views/ProductTypeList/ProductTypeList.tsx index 542d3dd64..71cae8521 100644 --- a/src/productTypes/views/ProductTypeList/ProductTypeList.tsx +++ b/src/productTypes/views/ProductTypeList/ProductTypeList.tsx @@ -45,9 +45,7 @@ interface ProductTypeListProps { params: ProductTypeListUrlQueryParams; } -export const ProductTypeList: React.StatelessComponent< - ProductTypeListProps -> = ({ params }) => { +export const ProductTypeList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/products/components/ProductCreatePage/ProductCreatePage.tsx b/src/products/components/ProductCreatePage/ProductCreatePage.tsx index 399839ca2..d866df2d9 100644 --- a/src/products/components/ProductCreatePage/ProductCreatePage.tsx +++ b/src/products/components/ProductCreatePage/ProductCreatePage.tsx @@ -85,9 +85,7 @@ interface ProductCreatePageProps { onSubmit?(data: ProductCreatePageSubmitData); } -export const ProductCreatePage: React.StatelessComponent< - ProductCreatePageProps -> = ({ +export const ProductCreatePage: React.FC = ({ currency, disabled, categories: categoryChoiceList, diff --git a/src/products/containers/ProductImagesReorder.tsx b/src/products/containers/ProductImagesReorder.tsx index bd49b8a4a..8c56ae1d2 100644 --- a/src/products/containers/ProductImagesReorder.tsx +++ b/src/products/containers/ProductImagesReorder.tsx @@ -19,7 +19,7 @@ interface ProductImagesReorderProviderProps }>; } -const ProductImagesReorderProvider: React.StatelessComponent< +const ProductImagesReorderProvider: React.FC< ProductImagesReorderProviderProps > = ({ children, productId, productImages, ...mutationProps }) => ( diff --git a/src/products/containers/ProductUpdateOperations.tsx b/src/products/containers/ProductUpdateOperations.tsx index 73940d8e5..d07c6561b 100644 --- a/src/products/containers/ProductUpdateOperations.tsx +++ b/src/products/containers/ProductUpdateOperations.tsx @@ -85,9 +85,7 @@ interface ProductUpdateOperationsProps { onUpdate?: (data: ProductUpdate) => void; } -const ProductUpdateOperations: React.StatelessComponent< - ProductUpdateOperationsProps -> = ({ +const ProductUpdateOperations: React.FC = ({ product, children, onBulkProductVariantCreate, diff --git a/src/products/containers/ProductVariantOperations.tsx b/src/products/containers/ProductVariantOperations.tsx index d93bf6bde..466ddb5b2 100644 --- a/src/products/containers/ProductVariantOperations.tsx +++ b/src/products/containers/ProductVariantOperations.tsx @@ -20,35 +20,37 @@ import { import { VariantUpdate, VariantUpdateVariables } from "../types/VariantUpdate"; interface VariantDeleteOperationsProps { - children: ( - props: { - deleteVariant: PartialMutationProviderOutput< - VariantDelete, - VariantDeleteVariables - >; - updateVariant: PartialMutationProviderOutput< - VariantUpdate, - VariantUpdateVariables - >; - assignImage: PartialMutationProviderOutput< - VariantImageAssign, - VariantImageAssignVariables - >; - unassignImage: PartialMutationProviderOutput< - VariantImageUnassign, - VariantImageUnassignVariables - >; - } - ) => React.ReactNode; + children: (props: { + deleteVariant: PartialMutationProviderOutput< + VariantDelete, + VariantDeleteVariables + >; + updateVariant: PartialMutationProviderOutput< + VariantUpdate, + VariantUpdateVariables + >; + assignImage: PartialMutationProviderOutput< + VariantImageAssign, + VariantImageAssignVariables + >; + unassignImage: PartialMutationProviderOutput< + VariantImageUnassign, + VariantImageUnassignVariables + >; + }) => React.ReactNode; onDelete?: (data: VariantDelete) => void; onImageAssign?: (data: VariantImageAssign) => void; onImageUnassign?: (data: VariantImageUnassign) => void; onUpdate?: (data: VariantUpdate) => void; } -const VariantUpdateOperations: React.StatelessComponent< - VariantDeleteOperationsProps -> = ({ children, onDelete, onUpdate, onImageAssign, onImageUnassign }) => { +const VariantUpdateOperations: React.FC = ({ + children, + onDelete, + onUpdate, + onImageAssign, + onImageUnassign +}) => { return ( {(...assignImage) => ( diff --git a/src/products/index.tsx b/src/products/index.tsx index ca16a2e59..5116bb43f 100644 --- a/src/products/index.tsx +++ b/src/products/index.tsx @@ -26,9 +26,7 @@ import ProductUpdateComponent from "./views/ProductUpdate"; import ProductVariantComponent from "./views/ProductVariant"; import ProductVariantCreateComponent from "./views/ProductVariantCreate"; -const ProductList: React.StatelessComponent> = ({ - location -}) => { +const ProductList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: ProductListUrlQueryParams = { ...qs, @@ -40,9 +38,7 @@ const ProductList: React.StatelessComponent> = ({ return ; }; -const ProductUpdate: React.StatelessComponent> = ({ - match -}) => { +const ProductUpdate: React.FC> = ({ match }) => { const qs = parseQs(location.search.substr(1)); const params: ProductUrlQueryParams = qs; @@ -54,9 +50,7 @@ const ProductUpdate: React.StatelessComponent> = ({ ); }; -const ProductVariant: React.StatelessComponent> = ({ - match -}) => { +const ProductVariant: React.FC> = ({ match }) => { const qs = parseQs(location.search.substr(1)); const params: ProductVariantEditUrlQueryParams = qs; @@ -69,7 +63,7 @@ const ProductVariant: React.StatelessComponent> = ({ ); }; -const ProductImage: React.StatelessComponent> = ({ +const ProductImage: React.FC> = ({ location, match }) => { @@ -85,9 +79,9 @@ const ProductImage: React.StatelessComponent> = ({ ); }; -const ProductVariantCreate: React.StatelessComponent< - RouteComponentProps -> = ({ match }) => { +const ProductVariantCreate: React.FC> = ({ + match +}) => { return ( = () => { +export const ProductUpdate: React.FC = () => { const navigate = useNavigator(); const notify = useNotifier(); const shop = useShop(); diff --git a/src/products/views/ProductImage.tsx b/src/products/views/ProductImage.tsx index 5ac145afd..3a21d105a 100644 --- a/src/products/views/ProductImage.tsx +++ b/src/products/views/ProductImage.tsx @@ -25,7 +25,7 @@ interface ProductImageProps { params: ProductImageUrlQueryParams; } -export const ProductImage: React.StatelessComponent = ({ +export const ProductImage: React.FC = ({ imageId, productId, params diff --git a/src/products/views/ProductList/ProductList.tsx b/src/products/views/ProductList/ProductList.tsx index ae53d0bf4..5e6ecb30b 100644 --- a/src/products/views/ProductList/ProductList.tsx +++ b/src/products/views/ProductList/ProductList.tsx @@ -61,9 +61,7 @@ interface ProductListProps { params: ProductListUrlQueryParams; } -export const ProductList: React.StatelessComponent = ({ - params -}) => { +export const ProductList: React.FC = ({ params }) => { const { locale } = useLocale(); const navigate = useNavigator(); const notify = useNotifier(); diff --git a/src/products/views/ProductUpdate/ProductUpdate.tsx b/src/products/views/ProductUpdate/ProductUpdate.tsx index 360acbd12..fdd453416 100644 --- a/src/products/views/ProductUpdate/ProductUpdate.tsx +++ b/src/products/views/ProductUpdate/ProductUpdate.tsx @@ -47,10 +47,7 @@ interface ProductUpdateProps { params: ProductUrlQueryParams; } -export const ProductUpdate: React.StatelessComponent = ({ - id, - params -}) => { +export const ProductUpdate: React.FC = ({ id, params }) => { const navigate = useNavigator(); const notify = useNotifier(); const { isSelected, listElements, reset, toggle, toggleAll } = useBulkActions( diff --git a/src/products/views/ProductVariant.tsx b/src/products/views/ProductVariant.tsx index 0687b84b7..317ec0c6b 100644 --- a/src/products/views/ProductVariant.tsx +++ b/src/products/views/ProductVariant.tsx @@ -27,7 +27,7 @@ interface ProductUpdateProps { params: ProductVariantEditUrlQueryParams; } -export const ProductVariant: React.StatelessComponent = ({ +export const ProductVariant: React.FC = ({ variantId, productId, params diff --git a/src/products/views/ProductVariantCreate.tsx b/src/products/views/ProductVariantCreate.tsx index 0db78226c..6500c9927 100644 --- a/src/products/views/ProductVariantCreate.tsx +++ b/src/products/views/ProductVariantCreate.tsx @@ -18,9 +18,7 @@ interface ProductUpdateProps { productId: string; } -export const ProductVariant: React.StatelessComponent = ({ - productId -}) => { +export const ProductVariant: React.FC = ({ productId }) => { const navigate = useNavigator(); const notify = useNotifier(); const shop = useShop(); diff --git a/src/services/components/ServiceListPage/ServiceListPage.tsx b/src/services/components/ServiceListPage/ServiceListPage.tsx index e1ef0bf78..4f6fd2326 100644 --- a/src/services/components/ServiceListPage/ServiceListPage.tsx +++ b/src/services/components/ServiceListPage/ServiceListPage.tsx @@ -21,7 +21,7 @@ export interface ServiceListPageProps onRemove: (id: string) => void; } -const ServiceListPage: React.StatelessComponent = ({ +const ServiceListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/services/views/ServiceDetails/ServiceDetails.tsx b/src/services/views/ServiceDetails/ServiceDetails.tsx index 6232f1c0e..0228d878c 100644 --- a/src/services/views/ServiceDetails/ServiceDetails.tsx +++ b/src/services/views/ServiceDetails/ServiceDetails.tsx @@ -39,7 +39,7 @@ interface OrderListProps { onTokenClose: () => void; } -export const ServiceDetails: React.StatelessComponent = ({ +export const ServiceDetails: React.FC = ({ id, params, token, diff --git a/src/services/views/ServiceList/ServiceList.tsx b/src/services/views/ServiceList/ServiceList.tsx index fca351511..1c147e230 100644 --- a/src/services/views/ServiceList/ServiceList.tsx +++ b/src/services/views/ServiceList/ServiceList.tsx @@ -42,9 +42,7 @@ interface ServiceListProps { params: ServiceListUrlQueryParams; } -export const ServiceList: React.StatelessComponent = ({ - params -}) => { +export const ServiceList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/shipping/components/ShippingWeightUnitForm/ShippingWeightUnitForm.tsx b/src/shipping/components/ShippingWeightUnitForm/ShippingWeightUnitForm.tsx index 86a7b50b9..2b6e6d25f 100644 --- a/src/shipping/components/ShippingWeightUnitForm/ShippingWeightUnitForm.tsx +++ b/src/shipping/components/ShippingWeightUnitForm/ShippingWeightUnitForm.tsx @@ -22,9 +22,11 @@ export interface ShippingWeightUnitFormProps { onSubmit: (unit: WeightUnitsEnum) => void; } -const ShippingWeightUnitForm: React.StatelessComponent< - ShippingWeightUnitFormProps -> = ({ defaultWeightUnit, disabled, onSubmit }) => { +const ShippingWeightUnitForm: React.FC = ({ + defaultWeightUnit, + disabled, + onSubmit +}) => { const intl = useIntl(); const initialForm: FormData = { unit: defaultWeightUnit diff --git a/src/shipping/components/ShippingZoneCreatePage/ShippingZoneCreatePage.tsx b/src/shipping/components/ShippingZoneCreatePage/ShippingZoneCreatePage.tsx index 531e6c863..5e97c0f0d 100644 --- a/src/shipping/components/ShippingZoneCreatePage/ShippingZoneCreatePage.tsx +++ b/src/shipping/components/ShippingZoneCreatePage/ShippingZoneCreatePage.tsx @@ -31,9 +31,14 @@ export interface ShippingZoneCreatePageProps { onSubmit: (data: FormData) => void; } -const ShippingZoneCreatePage: React.StatelessComponent< - ShippingZoneCreatePageProps -> = ({ countries, disabled, errors, onBack, onSubmit, saveButtonBarState }) => { +const ShippingZoneCreatePage: React.FC = ({ + countries, + disabled, + errors, + onBack, + onSubmit, + saveButtonBarState +}) => { const intl = useIntl(); const [isModalOpened, setModalStatus] = React.useState(false); const toggleModal = () => setModalStatus(!isModalOpened); diff --git a/src/shipping/components/ShippingZoneDetailsPage/ShippingZoneDetailsPage.tsx b/src/shipping/components/ShippingZoneDetailsPage/ShippingZoneDetailsPage.tsx index a4324affb..7100f4d27 100644 --- a/src/shipping/components/ShippingZoneDetailsPage/ShippingZoneDetailsPage.tsx +++ b/src/shipping/components/ShippingZoneDetailsPage/ShippingZoneDetailsPage.tsx @@ -38,9 +38,7 @@ export interface ShippingZoneDetailsPageProps { onWeightRateEdit: (id: string) => void; } -const ShippingZoneDetailsPage: React.StatelessComponent< - ShippingZoneDetailsPageProps -> = ({ +const ShippingZoneDetailsPage: React.FC = ({ disabled, errors, onBack, diff --git a/src/shipping/components/ShippingZoneInfo/ShippingZoneInfo.tsx b/src/shipping/components/ShippingZoneInfo/ShippingZoneInfo.tsx index e30d50fdb..7e75e4598 100644 --- a/src/shipping/components/ShippingZoneInfo/ShippingZoneInfo.tsx +++ b/src/shipping/components/ShippingZoneInfo/ShippingZoneInfo.tsx @@ -15,7 +15,7 @@ export interface ShippingZoneInfoProps { onChange: (event: React.ChangeEvent) => void; } -const ShippingZoneInfo: React.StatelessComponent = ({ +const ShippingZoneInfo: React.FC = ({ data, errors, onChange diff --git a/src/shipping/components/ShippingZonesListPage/ShippingZonesListPage.tsx b/src/shipping/components/ShippingZonesListPage/ShippingZonesListPage.tsx index 06a3c84f8..005dcbe34 100644 --- a/src/shipping/components/ShippingZonesListPage/ShippingZonesListPage.tsx +++ b/src/shipping/components/ShippingZonesListPage/ShippingZonesListPage.tsx @@ -24,9 +24,7 @@ export interface ShippingZonesListPageProps onSubmit: (unit: WeightUnitsEnum) => void; } -const ShippingZonesListPage: React.StatelessComponent< - ShippingZonesListPageProps -> = ({ +const ShippingZonesListPage: React.FC = ({ defaultWeightUnit, disabled, userPermissions, diff --git a/src/shipping/index.tsx b/src/shipping/index.tsx index 5b3b793e4..b5f2738fc 100644 --- a/src/shipping/index.tsx +++ b/src/shipping/index.tsx @@ -16,9 +16,7 @@ import ShippingZoneCreate from "./views/ShippingZoneCreate"; import ShippingZoneDetailsComponent from "./views/ShippingZoneDetails"; import ShippingZonesListComponent from "./views/ShippingZonesList"; -const ShippingZonesList: React.StatelessComponent> = ({ - location -}) => { +const ShippingZonesList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: ShippingZonesListUrlQueryParams = qs; return ; @@ -27,7 +25,7 @@ const ShippingZonesList: React.StatelessComponent> = ({ interface ShippingZoneDetailsRouteProps { id: string; } -const ShippingZoneDetails: React.StatelessComponent< +const ShippingZoneDetails: React.FC< RouteComponentProps > = ({ location, match }) => { const qs = parseQs(location.search.substr(1)); diff --git a/src/shipping/views/ShippingZoneCreate.tsx b/src/shipping/views/ShippingZoneCreate.tsx index 88ca78669..ea3f0b582 100644 --- a/src/shipping/views/ShippingZoneCreate.tsx +++ b/src/shipping/views/ShippingZoneCreate.tsx @@ -11,7 +11,7 @@ import { TypedCreateShippingZone } from "../mutations"; import { CreateShippingZone } from "../types/CreateShippingZone"; import { shippingZonesListUrl, shippingZoneUrl } from "../urls"; -const ShippingZoneCreate: React.StatelessComponent<{}> = () => { +const ShippingZoneCreate: React.FC<{}> = () => { const navigate = useNavigator(); const pushMessage = useNotifier(); const shop = useShop(); diff --git a/src/shipping/views/ShippingZoneDetails/ShippingZoneDetailsDialogs.tsx b/src/shipping/views/ShippingZoneDetails/ShippingZoneDetailsDialogs.tsx index b7f2e16e0..f0e1183fd 100644 --- a/src/shipping/views/ShippingZoneDetails/ShippingZoneDetailsDialogs.tsx +++ b/src/shipping/views/ShippingZoneDetails/ShippingZoneDetailsDialogs.tsx @@ -27,9 +27,7 @@ export interface ShippingZoneDetailsDialogsProps { updateRateTransitionState: ConfirmButtonTransitionState; } -const ShippingZoneDetailsDialogs: React.StatelessComponent< - ShippingZoneDetailsDialogsProps -> = ({ +const ShippingZoneDetailsDialogs: React.FC = ({ assignCountryTransitionState, createRateTransitionState, deleteRateTransitionState, diff --git a/src/shipping/views/ShippingZoneDetails/ShippingZoneOperations.tsx b/src/shipping/views/ShippingZoneDetails/ShippingZoneOperations.tsx index bf7e0ca1a..cbf7db83b 100644 --- a/src/shipping/views/ShippingZoneDetails/ShippingZoneOperations.tsx +++ b/src/shipping/views/ShippingZoneDetails/ShippingZoneOperations.tsx @@ -61,9 +61,7 @@ interface ShippingZoneOperationsProps { onShippingZoneUpdate: (data: UpdateShippingZone) => void; } -const ShippingZoneOperations: React.StatelessComponent< - ShippingZoneOperationsProps -> = ({ +const ShippingZoneOperations: React.FC = ({ children, onShippingRateCreate, onShippingRateDelete, diff --git a/src/shipping/views/ShippingZoneDetails/index.tsx b/src/shipping/views/ShippingZoneDetails/index.tsx index c5410f1ee..8c4db4858 100644 --- a/src/shipping/views/ShippingZoneDetails/index.tsx +++ b/src/shipping/views/ShippingZoneDetails/index.tsx @@ -26,9 +26,10 @@ export interface ShippingZoneDetailsProps { params: ShippingZoneUrlQueryParams; } -const ShippingZoneDetails: React.StatelessComponent< - ShippingZoneDetailsProps -> = ({ id, params }) => { +const ShippingZoneDetails: React.FC = ({ + id, + params +}) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/shipping/views/ShippingZonesList.tsx b/src/shipping/views/ShippingZonesList.tsx index f4076dc9d..f1a970f4b 100644 --- a/src/shipping/views/ShippingZonesList.tsx +++ b/src/shipping/views/ShippingZonesList.tsx @@ -39,9 +39,9 @@ interface ShippingZonesListProps { params: ShippingZonesListUrlQueryParams; } -export const ShippingZonesList: React.StatelessComponent< - ShippingZonesListProps -> = ({ params }) => { +export const ShippingZonesList: React.FC = ({ + params +}) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx b/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx index f2e0700fc..c46d5dcd4 100644 --- a/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx +++ b/src/siteSettings/components/SiteSettingsDetails/SiteSettingsDetails.tsx @@ -20,9 +20,12 @@ interface SiteSettingsDetailsProps { onChange: (event: React.ChangeEvent) => void; } -const SiteSettingsDetails: React.StatelessComponent< - SiteSettingsDetailsProps -> = ({ data, disabled, errors, onChange }) => { +const SiteSettingsDetails: React.FC = ({ + data, + disabled, + errors, + onChange +}) => { const intl = useIntl(); return ( diff --git a/src/siteSettings/components/SiteSettingsKeyDialog/SiteSettingsKeyDialog.tsx b/src/siteSettings/components/SiteSettingsKeyDialog/SiteSettingsKeyDialog.tsx index ac5d4666b..75451b09c 100644 --- a/src/siteSettings/components/SiteSettingsKeyDialog/SiteSettingsKeyDialog.tsx +++ b/src/siteSettings/components/SiteSettingsKeyDialog/SiteSettingsKeyDialog.tsx @@ -29,9 +29,13 @@ export interface SiteSettingsKeyDialogProps onClose: () => void; } -const SiteSettingsKeyDialog: React.StatelessComponent< - SiteSettingsKeyDialogProps -> = ({ errors, initial, open, onClose, onSubmit }) => { +const SiteSettingsKeyDialog: React.FC = ({ + errors, + initial, + open, + onClose, + onSubmit +}) => { const intl = useIntl(); return ( diff --git a/src/siteSettings/views/index.tsx b/src/siteSettings/views/index.tsx index 50f8eaad4..326402a27 100644 --- a/src/siteSettings/views/index.tsx +++ b/src/siteSettings/views/index.tsx @@ -31,9 +31,7 @@ export interface SiteSettingsProps { params: SiteSettingsUrlQueryParams; } -export const SiteSettings: React.StatelessComponent = ({ - params -}) => { +export const SiteSettings: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl(); diff --git a/src/staff/components/StaffDetailsPage/StaffDetailsPage.tsx b/src/staff/components/StaffDetailsPage/StaffDetailsPage.tsx index 48e56488f..f8e1d9b80 100644 --- a/src/staff/components/StaffDetailsPage/StaffDetailsPage.tsx +++ b/src/staff/components/StaffDetailsPage/StaffDetailsPage.tsx @@ -45,7 +45,7 @@ export interface StaffDetailsPageProps { onImageUpload(file: File); } -const StaffDetailsPage: React.StatelessComponent = ({ +const StaffDetailsPage: React.FC = ({ canEditAvatar, canEditPreferences, canEditStatus, diff --git a/src/staff/components/StaffListPage/StaffListPage.tsx b/src/staff/components/StaffListPage/StaffListPage.tsx index f83335e56..7be57c1d1 100644 --- a/src/staff/components/StaffListPage/StaffListPage.tsx +++ b/src/staff/components/StaffListPage/StaffListPage.tsx @@ -21,7 +21,7 @@ export interface StaffListPageProps onBack: () => void; } -const StaffListPage: React.StatelessComponent = ({ +const StaffListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/staff/index.tsx b/src/staff/index.tsx index 84470608f..1592929b5 100644 --- a/src/staff/index.tsx +++ b/src/staff/index.tsx @@ -14,9 +14,7 @@ import { import StaffDetailsComponent from "./views/StaffDetails"; import StaffListComponent from "./views/StaffList"; -const StaffList: React.StatelessComponent> = ({ - location -}) => { +const StaffList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: StaffListUrlQueryParams = qs; return ; @@ -25,9 +23,9 @@ const StaffList: React.StatelessComponent> = ({ interface StaffDetailsRouteProps { id: string; } -const StaffDetails: React.StatelessComponent< - RouteComponentProps -> = ({ match }) => { +const StaffDetails: React.FC> = ({ + match +}) => { const qs = parseQs(location.search.substr(1)); const params: StaffMemberDetailsUrlQueryParams = qs; diff --git a/src/staff/views/StaffDetails.tsx b/src/staff/views/StaffDetails.tsx index f32c8995f..e3739efc0 100644 --- a/src/staff/views/StaffDetails.tsx +++ b/src/staff/views/StaffDetails.tsx @@ -33,10 +33,7 @@ interface OrderListProps { params: StaffMemberDetailsUrlQueryParams; } -export const StaffDetails: React.StatelessComponent = ({ - id, - params -}) => { +export const StaffDetails: React.FC = ({ id, params }) => { const navigate = useNavigator(); const notify = useNotifier(); const user = useUser(); diff --git a/src/staff/views/StaffList/StaffList.tsx b/src/staff/views/StaffList/StaffList.tsx index 0185aa1f1..b1ae7e328 100644 --- a/src/staff/views/StaffList/StaffList.tsx +++ b/src/staff/views/StaffList/StaffList.tsx @@ -47,9 +47,7 @@ interface StaffListProps { params: StaffListUrlQueryParams; } -export const StaffList: React.StatelessComponent = ({ - params -}) => { +export const StaffList: React.FC = ({ params }) => { const navigate = useNavigator(); const notify = useNotifier(); const paginate = usePaginator(); diff --git a/src/taxes/components/CountryListPage/CountryListPage.tsx b/src/taxes/components/CountryListPage/CountryListPage.tsx index 2d6c0af50..9986e5229 100644 --- a/src/taxes/components/CountryListPage/CountryListPage.tsx +++ b/src/taxes/components/CountryListPage/CountryListPage.tsx @@ -26,7 +26,7 @@ export interface CountryListPageProps { onTaxFetch: () => void; } -const CountryListPage: React.StatelessComponent = ({ +const CountryListPage: React.FC = ({ disabled, shop, onBack, diff --git a/src/taxes/index.tsx b/src/taxes/index.tsx index ecdeee595..c6cf5822a 100644 --- a/src/taxes/index.tsx +++ b/src/taxes/index.tsx @@ -10,9 +10,9 @@ import CountryTaxesComponent, { CountryTaxesParams } from "./views/CountryTaxes"; -const CountryTaxes: React.StatelessComponent< - RouteComponentProps -> = ({ match }) => ; +const CountryTaxes: React.FC> = ({ + match +}) => ; const Component = () => { const intl = useIntl(); diff --git a/src/taxes/views/CountryList.tsx b/src/taxes/views/CountryList.tsx index 33cc3b362..26a20a956 100644 --- a/src/taxes/views/CountryList.tsx +++ b/src/taxes/views/CountryList.tsx @@ -8,7 +8,7 @@ import { TypedFetchTaxes, TypedUpdateTaxSettings } from "../mutations"; import { TypedCountryListQuery } from "../queries"; import { countryTaxRatesUrl } from "../urls"; -export const CountryList: React.StatelessComponent = () => { +export const CountryList: React.FC = () => { const navigate = useNavigator(); return ( diff --git a/src/taxes/views/CountryTaxes.tsx b/src/taxes/views/CountryTaxes.tsx index 4c5ebaa27..854c3d0ef 100644 --- a/src/taxes/views/CountryTaxes.tsx +++ b/src/taxes/views/CountryTaxes.tsx @@ -10,9 +10,7 @@ export interface CountryTaxesParams { code: string; } -export const CountryTaxes: React.StatelessComponent = ({ - code -}) => { +export const CountryTaxes: React.FC = ({ code }) => { const navigate = useNavigator(); return ( diff --git a/src/translations/components/TranslationsCategoriesPage/TranslationsCategoriesPage.tsx b/src/translations/components/TranslationsCategoriesPage/TranslationsCategoriesPage.tsx index db944aa30..af012fea9 100644 --- a/src/translations/components/TranslationsCategoriesPage/TranslationsCategoriesPage.tsx +++ b/src/translations/components/TranslationsCategoriesPage/TranslationsCategoriesPage.tsx @@ -25,9 +25,7 @@ export const fieldNames = { seoTitle: "seoTitle" }; -const TranslationsCategoriesPage: React.StatelessComponent< - TranslationsCategoriesPageProps -> = ({ +const TranslationsCategoriesPage: React.FC = ({ activeField, disabled, languageCode, diff --git a/src/translations/components/TranslationsCollectionsPage/TranslationsCollectionsPage.tsx b/src/translations/components/TranslationsCollectionsPage/TranslationsCollectionsPage.tsx index 9f1b84da3..32df566dc 100644 --- a/src/translations/components/TranslationsCollectionsPage/TranslationsCollectionsPage.tsx +++ b/src/translations/components/TranslationsCollectionsPage/TranslationsCollectionsPage.tsx @@ -25,7 +25,7 @@ export const fieldNames = { seoTitle: "seoTitle" }; -const TranslationsCollectionsPage: React.StatelessComponent< +const TranslationsCollectionsPage: React.FC< TranslationsCollectionsPageProps > = ({ activeField, diff --git a/src/translations/components/TranslationsEntitiesListPage/TranslationsEntitiesListPage.tsx b/src/translations/components/TranslationsEntitiesListPage/TranslationsEntitiesListPage.tsx index 4fe4301c9..f5c40b3c2 100644 --- a/src/translations/components/TranslationsEntitiesListPage/TranslationsEntitiesListPage.tsx +++ b/src/translations/components/TranslationsEntitiesListPage/TranslationsEntitiesListPage.tsx @@ -88,7 +88,7 @@ const tabs: TranslationsEntitiesListFilterTab[] = [ "productTypes" ]; -const TranslationsEntitiesListPage: React.StatelessComponent< +const TranslationsEntitiesListPage: React.FC< TranslationsEntitiesListPageProps > = ({ filters, language, onBack, children, ...searchProps }) => { const intl = useIntl(); diff --git a/src/translations/components/TranslationsLanguageListPage/TranslationsLanguageListPage.tsx b/src/translations/components/TranslationsLanguageListPage/TranslationsLanguageListPage.tsx index 678cf5ca7..c331e225c 100644 --- a/src/translations/components/TranslationsLanguageListPage/TranslationsLanguageListPage.tsx +++ b/src/translations/components/TranslationsLanguageListPage/TranslationsLanguageListPage.tsx @@ -13,7 +13,7 @@ export interface TranslationsLanguageListPageProps { onRowClick: (code: string) => void; } -const TranslationsLanguageListPage: React.StatelessComponent< +const TranslationsLanguageListPage: React.FC< TranslationsLanguageListPageProps > = ({ languages, onRowClick }) => { const intl = useIntl(); diff --git a/src/translations/components/TranslationsPagesPage/TranslationsPagesPage.tsx b/src/translations/components/TranslationsPagesPage/TranslationsPagesPage.tsx index 88e3ec0a3..096cf49c0 100644 --- a/src/translations/components/TranslationsPagesPage/TranslationsPagesPage.tsx +++ b/src/translations/components/TranslationsPagesPage/TranslationsPagesPage.tsx @@ -25,9 +25,7 @@ export const fieldNames = { title: "title" }; -const TranslationsPagesPage: React.StatelessComponent< - TranslationsPagesPageProps -> = ({ +const TranslationsPagesPage: React.FC = ({ activeField, disabled, languageCode, diff --git a/src/translations/components/TranslationsProductTypesPage/TranslationsProductTypesPage.tsx b/src/translations/components/TranslationsProductTypesPage/TranslationsProductTypesPage.tsx index 746bc4b44..5676e66cc 100644 --- a/src/translations/components/TranslationsProductTypesPage/TranslationsProductTypesPage.tsx +++ b/src/translations/components/TranslationsProductTypesPage/TranslationsProductTypesPage.tsx @@ -23,7 +23,7 @@ export const fieldNames = { value: "attributeValue" }; -const TranslationsProductTypesPage: React.StatelessComponent< +const TranslationsProductTypesPage: React.FC< TranslationsProductTypesPageProps > = ({ activeField, diff --git a/src/translations/components/TranslationsProductsPage/TranslationsProductsPage.tsx b/src/translations/components/TranslationsProductsPage/TranslationsProductsPage.tsx index 40b52c1bc..b24d38b08 100644 --- a/src/translations/components/TranslationsProductsPage/TranslationsProductsPage.tsx +++ b/src/translations/components/TranslationsProductsPage/TranslationsProductsPage.tsx @@ -25,9 +25,7 @@ export const fieldNames = { seoTitle: "seoTitle" }; -const TranslationsProductsPage: React.StatelessComponent< - TranslationsProductsPageProps -> = ({ +const TranslationsProductsPage: React.FC = ({ activeField, disabled, languageCode, diff --git a/src/translations/components/TranslationsSalesPage/TranslationsSalesPage.tsx b/src/translations/components/TranslationsSalesPage/TranslationsSalesPage.tsx index 12f590351..939da5477 100644 --- a/src/translations/components/TranslationsSalesPage/TranslationsSalesPage.tsx +++ b/src/translations/components/TranslationsSalesPage/TranslationsSalesPage.tsx @@ -21,9 +21,7 @@ export const fieldNames = { name: "name" }; -const TranslationsSalesPage: React.StatelessComponent< - TranslationsSalesPageProps -> = ({ +const TranslationsSalesPage: React.FC = ({ activeField, disabled, languageCode, diff --git a/src/translations/components/TranslationsVouchersPage/TranslationsVouchersPage.tsx b/src/translations/components/TranslationsVouchersPage/TranslationsVouchersPage.tsx index a7a68be07..7afe15bff 100644 --- a/src/translations/components/TranslationsVouchersPage/TranslationsVouchersPage.tsx +++ b/src/translations/components/TranslationsVouchersPage/TranslationsVouchersPage.tsx @@ -21,9 +21,7 @@ export const fieldNames = { name: "name" }; -const TranslationsVouchersPage: React.StatelessComponent< - TranslationsVouchersPageProps -> = ({ +const TranslationsVouchersPage: React.FC = ({ activeField, disabled, languages, diff --git a/src/webhooks/components/WebhookEvents/WebhookEvents.tsx b/src/webhooks/components/WebhookEvents/WebhookEvents.tsx index 0faa64c41..dedb7a6d0 100644 --- a/src/webhooks/components/WebhookEvents/WebhookEvents.tsx +++ b/src/webhooks/components/WebhookEvents/WebhookEvents.tsx @@ -19,7 +19,7 @@ interface WebhookEventsProps { onChange: (event: ChangeEvent, cb?: () => void) => void; } -const WebhookEvents: React.StatelessComponent = ({ +const WebhookEvents: React.FC = ({ data, disabled, onChange diff --git a/src/webhooks/components/WebhookInfo/WebhookInfo.tsx b/src/webhooks/components/WebhookInfo/WebhookInfo.tsx index de17ae2db..5480e3883 100644 --- a/src/webhooks/components/WebhookInfo/WebhookInfo.tsx +++ b/src/webhooks/components/WebhookInfo/WebhookInfo.tsx @@ -41,7 +41,7 @@ const useStyles = makeStyles(() => ({ } })); -const WebhookInfo: React.StatelessComponent = ({ +const WebhookInfo: React.FC = ({ apiErrors, data, disabled, diff --git a/src/webhooks/components/WebhooksListPage/WebhooksListPage.tsx b/src/webhooks/components/WebhooksListPage/WebhooksListPage.tsx index f184c04fb..aa9d4c148 100644 --- a/src/webhooks/components/WebhooksListPage/WebhooksListPage.tsx +++ b/src/webhooks/components/WebhooksListPage/WebhooksListPage.tsx @@ -21,7 +21,7 @@ export interface WebhooksListPageProps onRemove: (id: string) => void; } -const WebhooksListPage: React.StatelessComponent = ({ +const WebhooksListPage: React.FC = ({ currentTab, initialSearch, onAdd, diff --git a/src/webhooks/index.tsx b/src/webhooks/index.tsx index ac0497816..0a84cea13 100644 --- a/src/webhooks/index.tsx +++ b/src/webhooks/index.tsx @@ -15,17 +15,13 @@ import WebhookCreate from "./views/WebhooksCreate"; import WebhooksDetails from "./views/WebhooksDetails"; import WebhooksList from "./views/WebhooksList"; -const WebhookList: React.StatelessComponent> = ({ - location -}) => { +const WebhookList: React.FC> = ({ location }) => { const qs = parseQs(location.search.substr(1)); const params: WebhooksListUrlQueryParams = qs; return ; }; -const WebhookDetails: React.StatelessComponent> = ({ - match -}) => { +const WebhookDetails: React.FC> = ({ match }) => { const qs = parseQs(location.search.substr(1)); const params: WebhooksListUrlQueryParams = qs; diff --git a/src/webhooks/views/WebhooksCreate.tsx b/src/webhooks/views/WebhooksCreate.tsx index c1af995b2..cd2ad303d 100644 --- a/src/webhooks/views/WebhooksCreate.tsx +++ b/src/webhooks/views/WebhooksCreate.tsx @@ -22,9 +22,7 @@ export interface WebhooksCreateProps { params: WebhooksListUrlQueryParams; } -export const WebhooksCreate: React.StatelessComponent< - WebhooksCreateProps -> = () => { +export const WebhooksCreate: React.FC = () => { const navigate = useNavigator(); const notify = useNotifier(); const intl = useIntl();