Merge pull request #1278 from mirumee/SALEOR-3418/disable-global-channel-picker-outside-home

Saleor 3418/disable global channel picker outside home

src/categories/views/CategoryDetails.tsx

@@ -81,7 +81,7 @@ export const CategoryDetails: React.FC<CategoryDetailsProps> = ({
     variables: { ...paginationState, id }
   });
 
-  const { availableChannels, channel } = useAppChannel();
+  const { availableChannels, channel } = useAppChannel(false);
 
   const channelChoices = mapNodeToChoice(availableChannels);
 

src/collections/views/CollectionList/CollectionList.tsx

@@ -115,8 +115,8 @@ export const CollectionList: React.FC<CollectionListProps> = ({ params }) => {
     }
   });
 
-  const filterOpts = getFilterOpts(params, channelOpts);
 
+  const filterOpts = getFilterOpts(params, channelOpts);
   const tabs = getFilterTabs();
 
   useEffect(() => {

src/components/AppLayout/AppChannelSelect.tsx

@@ -23,13 +23,11 @@ const useStyles = makeStyles(
 
 export interface AppChannelSelectProps extends ChannelProps {
   channels: ChannelFragment[];
-  disabled: boolean;
   onChannelSelect: (id: string) => void;
 }
 
 const AppChannelSelect: React.FC<AppChannelSelectProps> = ({
   channels,
-  disabled,
   onChannelSelect,
   selectedChannelId
 }) => {
@@ -40,7 +38,6 @@ const AppChannelSelect: React.FC<AppChannelSelectProps> = ({
       <SingleSelectField
         testId="app-channel-select"
         choices={mapNodeToChoice(channels)}
-        disabled={disabled}
         value={selectedChannelId}
         onChange={event => onChannelSelect(event.target.value)}
       />

src/components/AppLayout/AppLayout.tsx

@@ -195,10 +195,9 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
                         isMac={navigator.platform.toLowerCase().includes("mac")}
                         onClick={() => setNavigatorVisibility(true)}
                       />
-                      {channel && (
+                      {isPickerActive && (
                         <AppChannelSelect
                           channels={availableChannels}
-                          disabled={!isPickerActive}
                           selectedChannelId={channel.id}
                           onChannelSelect={setChannel}
                         />

src/discounts/views/VoucherDetails/VoucherDetails.tsx

@@ -126,7 +126,7 @@ export const VoucherDetails: React.FC<VoucherDetailsProps> = ({
     VoucherUrlQueryParams
   >(navigate, params => voucherUrl(id, params), params);
 
-  const { channel, availableChannels } = useAppChannel();
+  const { channel, availableChannels } = useAppChannel(false);
 
   const allChannels: ChannelVoucherData[] = createChannelsDataWithDiscountPrice(
     data?.voucher,

src/orders/views/OrderDraftList/OrderDraftList.tsx

@@ -81,7 +81,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
     onCompleted: handleCreateOrderCreateSuccess
   });
 
-  const { channel, availableChannels } = useAppChannel();
+  const { channel, availableChannels } = useAppChannel(false);
   const limitOpts = useShopLimitsQuery({
     variables: {
       orders: true

src/products/views/ProductUpdate/ProductUpdate.tsx

@@ -164,7 +164,7 @@ export const ProductUpdate: React.FC<ProductUpdateProps> = ({ id, params }) => {
     productVariantCreateOpts
   ] = useVariantCreateMutation({});
 
-  const { availableChannels, channel } = useAppChannel();
+  const { availableChannels, channel } = useAppChannel(false);
   const { data, loading, refetch } = useProductDetails({
     displayLoader: true,
     variables: {

src/shipping/views/ShippingZoneDetails/index.tsx

@@ -73,7 +73,7 @@ const ShippingZoneDetails: React.FC<ShippingZoneDetailsProps> = ({
     displayLoader: true,
     variables: { id, ...paginationState }
   });
-  const { availableChannels, channel } = useAppChannel();
+  const { availableChannels, channel } = useAppChannel(false);
 
   const [openModal, closeModal] = createDialogActionHandlers<
     ShippingZoneUrlDialog,