diff --git a/src/apps/components/MarketplaceAlert/MarketplaceAlert.tsx b/src/apps/components/MarketplaceAlert/MarketplaceAlert.tsx index a99109e27..d91d8a3b1 100644 --- a/src/apps/components/MarketplaceAlert/MarketplaceAlert.tsx +++ b/src/apps/components/MarketplaceAlert/MarketplaceAlert.tsx @@ -1,5 +1,6 @@ import { Typography } from "@material-ui/core"; import { Alert } from "@saleor/macaw-ui"; +import clsx from "clsx"; import React from "react"; import { FormattedMessage, useIntl } from "react-intl"; @@ -23,7 +24,7 @@ export const MarketplaceAlert: React.FC = ({ return ( diff --git a/src/components/DryRun/DryRun.tsx b/src/components/DryRun/DryRun.tsx index ae7af0307..3fd576d5e 100644 --- a/src/components/DryRun/DryRun.tsx +++ b/src/components/DryRun/DryRun.tsx @@ -102,7 +102,11 @@ const DryRun: React.FC = ({ {!!unavailableObjects.length && ( - + {intl.formatMessage(messages.unavailableEvents)}
diff --git a/src/giftCards/GiftCardsList/GiftCardListSearchAndFilters/GiftCardListSearchAndFilters.tsx b/src/giftCards/GiftCardsList/GiftCardListSearchAndFilters/GiftCardListSearchAndFilters.tsx index f3708ec13..6853fedcf 100644 --- a/src/giftCards/GiftCardsList/GiftCardListSearchAndFilters/GiftCardListSearchAndFilters.tsx +++ b/src/giftCards/GiftCardsList/GiftCardListSearchAndFilters/GiftCardListSearchAndFilters.tsx @@ -7,6 +7,7 @@ import { DEFAULT_INITIAL_SEARCH_DATA } from "@dashboard/config"; import { giftCardListUrl } from "@dashboard/giftCards/urls"; import { useGiftCardCurrenciesQuery } from "@dashboard/graphql"; import { getSearchFetchMoreProps } from "@dashboard/hooks/makeTopLevelSearch/utils"; +import useLocalStorage from "@dashboard/hooks/useLocalStorage"; import useNavigator from "@dashboard/hooks/useNavigator"; import { maybe } from "@dashboard/misc"; import useCustomerSearch from "@dashboard/searches/useCustomerSearch"; @@ -39,14 +40,12 @@ import { const GiftCardListSearchAndFilters: React.FC = () => { const navigate = useNavigator(); const intl = useIntl(); + const [selectedChannel] = useLocalStorage("channel", ""); const { reset, params } = useGiftCardList(); - const { - onClose, - openSearchDeleteDialog, - openSearchSaveDialog, - } = useGiftCardListDialogs(); + const { onClose, openSearchDeleteDialog, openSearchSaveDialog } = + useGiftCardListDialogs(); const defaultSearchVariables = { variables: { ...DEFAULT_INITIAL_SEARCH_DATA, first: 5 }, @@ -62,7 +61,13 @@ const GiftCardListSearchAndFilters: React.FC = () => { loadMore: fetchMoreProducts, search: searchProducts, result: searchProductsResult, - } = useProductSearch(defaultSearchVariables); + } = useProductSearch({ + variables: { + ...DEFAULT_INITIAL_SEARCH_DATA, + first: 5, + channel: selectedChannel, + }, + }); const { loadMore: fetchMoreGiftCardTags, @@ -70,10 +75,8 @@ const GiftCardListSearchAndFilters: React.FC = () => { result: searchGiftCardTagsResult, } = useGiftCardTagsSearch(defaultSearchVariables); - const { - data: giftCardCurrenciesData, - loading: loadingGiftCardCurrencies, - } = useGiftCardCurrenciesQuery(); + const { data: giftCardCurrenciesData, loading: loadingGiftCardCurrencies } = + useGiftCardCurrenciesQuery(); const filterOpts = getFilterOpts({ params, @@ -108,17 +111,14 @@ const GiftCardListSearchAndFilters: React.FC = () => { const tabs = getFilterTabs(); const currentTab = getFiltersCurrentTab(params, tabs); - const [ - changeFilters, - resetFilters, - handleSearchChange, - ] = createFilterHandlers({ - createUrl: giftCardListUrl, - getFilterQueryParam, - navigate, - params, - cleanupFn: reset, - }); + const [changeFilters, resetFilters, handleSearchChange] = + createFilterHandlers({ + createUrl: giftCardListUrl, + getFilterQueryParam, + navigate, + params, + cleanupFn: reset, + }); const handleTabChange = (tab: number) => { reset(); diff --git a/src/giftCards/GiftCardsList/GiftCardsListHeader/GiftCardsListHeaderAlert.tsx b/src/giftCards/GiftCardsList/GiftCardsListHeader/GiftCardsListHeaderAlert.tsx index 63edd103a..78c362e50 100644 --- a/src/giftCards/GiftCardsList/GiftCardsListHeader/GiftCardsListHeaderAlert.tsx +++ b/src/giftCards/GiftCardsList/GiftCardsListHeader/GiftCardsListHeaderAlert.tsx @@ -1,4 +1,5 @@ import { useGiftCardProductsCountQuery } from "@dashboard/graphql"; +import useLocalStorage from "@dashboard/hooks/useLocalStorage"; import { Alert } from "@saleor/macaw-ui"; import React from "react"; import { useIntl } from "react-intl"; @@ -8,11 +9,14 @@ import GiftCardsListHeaderAlertContent from "./GiftCardsListHeaderAlertContent"; const GiftCardsListHeaderAlert: React.FC = () => { const intl = useIntl(); + const [selectedChannel] = useLocalStorage("channel", ""); - const { - data: giftCardProductsCount, - loading: giftCardProductsCountLoading, - } = useGiftCardProductsCountQuery(); + const { data: giftCardProductsCount, loading: giftCardProductsCountLoading } = + useGiftCardProductsCountQuery({ + variables: { + channel: selectedChannel, + }, + }); const giftCardProductTypesExist = giftCardProductsCount?.giftCardProductTypes.totalCount > 0; @@ -29,6 +33,7 @@ const GiftCardsListHeaderAlert: React.FC = () => { title={intl.formatMessage(messages.noGiftCardsAlertTitle)} variant="warning" close={false} + className="remove-icon-background" > ; export type GiftCardTotalCountQueryResult = Apollo.QueryResult; export const GiftCardProductsCountDocument = gql` - query GiftCardProductsCount { + query GiftCardProductsCount($channel: String!) { giftCardProductTypes: productTypes(filter: {kind: GIFT_CARD}) { totalCount } - giftCardProducts: products(filter: {giftCard: true}) { + giftCardProducts: products(filter: {giftCard: true}, channel: $channel) { totalCount } } @@ -7806,10 +7806,11 @@ export const GiftCardProductsCountDocument = gql` * @example * const { data, loading, error } = useGiftCardProductsCountQuery({ * variables: { + * channel: // value for 'channel' * }, * }); */ -export function useGiftCardProductsCountQuery(baseOptions?: ApolloReactHooks.QueryHookOptions) { +export function useGiftCardProductsCountQuery(baseOptions: ApolloReactHooks.QueryHookOptions) { const options = {...defaultOptions, ...baseOptions} return ApolloReactHooks.useQuery(GiftCardProductsCountDocument, options); } @@ -13734,8 +13735,13 @@ export type SearchPermissionGroupsQueryHookResult = ReturnType; export type SearchPermissionGroupsQueryResult = Apollo.QueryResult; export const SearchProductsDocument = gql` - query SearchProducts($after: String, $first: Int!, $query: String!) { - search: products(after: $after, first: $first, filter: {search: $query}) { + query SearchProducts($after: String, $first: Int!, $query: String!, $channel: String) { + search: products( + after: $after + first: $first + filter: {search: $query} + channel: $channel + ) { edges { node { id @@ -13787,6 +13793,7 @@ export const SearchProductsDocument = gql` * after: // value for 'after' * first: // value for 'first' * query: // value for 'query' + * channel: // value for 'channel' * }, * }); */ diff --git a/src/graphql/types.generated.ts b/src/graphql/types.generated.ts index dee53b291..1ea9ea4d8 100644 --- a/src/graphql/types.generated.ts +++ b/src/graphql/types.generated.ts @@ -8161,7 +8161,9 @@ export type GiftCardTotalCountQueryVariables = Exact<{ [key: string]: never; }>; export type GiftCardTotalCountQuery = { __typename: 'Query', giftCards: { __typename: 'GiftCardCountableConnection', totalCount: number | null } | null }; -export type GiftCardProductsCountQueryVariables = Exact<{ [key: string]: never; }>; +export type GiftCardProductsCountQueryVariables = Exact<{ + channel: Scalars['String']; +}>; export type GiftCardProductsCountQuery = { __typename: 'Query', giftCardProductTypes: { __typename: 'ProductTypeCountableConnection', totalCount: number | null } | null, giftCardProducts: { __typename: 'ProductCountableConnection', totalCount: number | null } | null }; @@ -9283,6 +9285,7 @@ export type SearchProductsQueryVariables = Exact<{ after?: InputMaybe; first: Scalars['Int']; query: Scalars['String']; + channel?: InputMaybe; }>; diff --git a/src/orders/components/OrderDraftPage/OrderDraftAlert.tsx b/src/orders/components/OrderDraftPage/OrderDraftAlert.tsx index 4326b72c4..ae11a6786 100644 --- a/src/orders/components/OrderDraftPage/OrderDraftAlert.tsx +++ b/src/orders/components/OrderDraftPage/OrderDraftAlert.tsx @@ -1,6 +1,7 @@ import { ChannelUsabilityDataQuery } from "@dashboard/graphql"; import { OrderSharedType } from "@dashboard/orders/types"; import { Alert, AlertProps } from "@saleor/macaw-ui"; +import clsx from "clsx"; import React from "react"; import { MessageDescriptor, useIntl } from "react-intl"; @@ -52,7 +53,12 @@ const OrderDraftAlert: React.FC = props => { } return ( - +