ordering-ui-admin-external 1.3.2 → 1.3.3

package/src/components/Settings/SettingsDetail/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import { XLg, LifePreserver } from 'react-bootstrap-icons'
 import Skeleton from 'react-loading-skeleton'
 import { useWindowSize } from '../../../hooks/useWindowSize'
-import { useLanguage, useConfig, useSession } from 'ordering-components-admin-external'
+import { useLanguage } from 'ordering-components-admin-external'
 import { IconButton } from '../../../styles'
 import { Modal, NotFoundSource } from '../../Shared'
 import MdcPlayCircle from '@meronex/icons/mdc/MdcPlayCircle'
@@ -10,7 +10,6 @@ import BsArrowRight from '@meronex/icons/bs/BsArrowRight'
 import { EmailSetting } from '../EmailSetting'
 import { NotificationSetting } from '../NotificationSetting'
 import { SettingsList } from '../SettingsList'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
 import {
   Container,
   DescriptionContent,
@@ -43,9 +42,6 @@ export const SettingsDetail = (props) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false)
   const [extraInfoOpen, setExtraInfoOpen] = useState(false)
   const [extraSubCatOpen, setExtraSubCatOpen] = useState(false)
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
-  const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
   const actionSidebar = (value) => {
     setIsMenuOpen(value)
 
@@ -132,22 +128,6 @@ export const SettingsDetail = (props) => {
     return () => document.removeEventListener('keydown', onCloseSidebar)
   }, [open])
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user && category) {
-      const featureList = { wallet: 'cash_wallet' }
-
-      if (Object.keys(featureList).every(feature => feature !== category?.key)) {
-        setIsDisabledFeature(false)
-        return
-      }
-      if (!Object.keys(configs).includes(featureList[category?.key]) && user?.level === 0) {
-        setIsDisabledFeature(true)
-        return
-      }
-      setIsDisabledFeature(false)
-    }
-  }, [configs, category])
-
   return (
     <Container
       id='catDescription'
@@ -197,14 +177,13 @@ export const SettingsDetail = (props) => {
                 </video>
               </VideoContainer>
             )}
-            <AllSetting onClick={() => !isDisabledFeature && handleExtraOpen(false)} isDisabledFeature={isDisabledFeature}>
+            <AllSetting onClick={() => handleExtraOpen(false)}>
               <span>{t('SETTINGS', 'All settings')}</span>
               <BsArrowRight />
             </AllSetting>
           </Content>
         )}
       </DescriptionContent>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {extraInfoOpen && category.support_url && (
         <>
           {width >= 1000 ? (

package/src/components/Settings/SettingsDetail/styles.js

@@ -141,21 +141,26 @@ export const AllSetting = styled.div`
   user-select: none;
   cursor: pointer;
   margin-top: 36px;
-  ${({ isDisabledFeature }) => css`
-    cursor: ${props => isDisabledFeature ? 'not-allowed' : 'pointer'};
-  `}
+  cursor: pointer;
   span {
     font-weight: 600;
     font-size: 14px;
-    ${({ isDisabledFeature }) => css`
-      color: ${props => isDisabledFeature ? props.theme.colors?.disabled : '#03459E'};
-    `}
+    color: ${props => props.theme.colors.primary};
   }
   svg {
-    ${({ isDisabledFeature }) => css`
-      color: ${props => isDisabledFeature ? props.theme.colors?.disabled : '#03459E'};
+    color: ${props => props.theme.colors.primary};
+    margin-left: 5px;
+    transition: 0.2s linear;
+    ${props => props.theme.rtl && css`
+      margin-right: 5px;
+      margin-left: 0px;
     `}
   }
+  &:hover {
+    svg {
+      transform: translateX(3px);
+    }
+  }
 `
 
 export const MoreInfo = styled.span`

package/src/components/Settings/SettingsList/index.js

@@ -1,12 +1,11 @@
 import React, { useEffect, useState } from 'react'
-import { useLanguage, useConfig, useSession, SettingsList as SettingsListController } from 'ordering-components-admin-external'
+import { useLanguage, SettingsList as SettingsListController } from 'ordering-components-admin-external'
 import Skeleton from 'react-loading-skeleton'
 import { Alert, NotFoundSource } from '../../Shared'
 import { Button } from '../../../styles'
 import { SettingsSelectUI } from '../SettingsSelectUI'
 import { SettingsCountryFilter } from '../SettingsCountryFilter'
 import { SettingsImage } from '../SettingsImage'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
 import {
   SettingsListContainer,
   GeneralContainer,
@@ -26,7 +25,6 @@ export const SettingsListUI = (props) => {
   const {
     settingsState,
     configs,
-    category,
     formState,
     onCloseSettingsList,
     handleCheckBoxChange,
@@ -36,11 +34,7 @@ export const SettingsListUI = (props) => {
   } = props
 
   const [, t] = useLanguage()
-  const [configState] = useConfig()
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
   const [alertState, setAlertState] = useState({ open: false, content: [] })
-  const [{ user }] = useSession()
-  const featureName = 'advanced_logistics'
   const closeAlert = () => {
     setAlertState({
       open: false,
@@ -103,21 +97,6 @@ export const SettingsListUI = (props) => {
     }
   }, [settingsState?.result])
 
-  useEffect(() => {
-    if (category?.key === 'autoassign' && !configState?.loading &&
-      Object.keys(configState?.configs).length > 0 && !formState?.loading &&
-      formState?.finalResult.length > 0 && user) {
-      const autoassignType = formState?.changes?.find(change => change?.key === 'autoassign_type')?.value ||
-        formState?.finalResult?.find(re => re?.key === 'autoassign_type')?.value
-      if (!Object.keys(configState?.configs).includes(featureName) &&
-        user?.level === 0 && autoassignType === 'enterprise') {
-        setIsDisabledFeature(true)
-        return
-      }
-      setIsDisabledFeature(false)
-    }
-  }, [configState, formState])
-
   return (
     <>
       <SettingsListContainer>
@@ -280,14 +259,12 @@ export const SettingsListUI = (props) => {
           )
         }
       </SettingsListContainer>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {
         settingsState?.changes?.length > 0 && (
           <SubmitBtnWrapper>
             <Button
               color='primary'
               onClick={handleSubmit}
-              disabled={isDisabledFeature}
             >
               {t('SAVE', 'Save')}
             </Button>

package/src/components/SidebarMenu/index.js

@@ -64,12 +64,12 @@ export const SidebarMenu = (props) => {
       id: 3,
       title: t('DRIVERS_DASHBOARD', 'Drivers Dashboard'),
       pageName: 'drivers'
+    },
+    {
+      id: 4,
+      title: t('APPOINTMENTS', 'Appointments'),
+      pageName: 'appointments'
     }
-    // {
-    //   id: 4,
-    //   title: t('APPOINTMENTS', 'Appointments'),
-    //   pageName: 'appointments'
-    // }
   ]
 
   const loyaltySubMenus = [
@@ -141,13 +141,13 @@ export const SidebarMenu = (props) => {
       title: t('MANAGERS', 'Managers'),
       pageName: 'managers',
       url: '/users/managers'
+    },
+    {
+      id: 3,
+      title: t('PROFESSIONALS', 'Professionals'),
+      pageName: 'professionals',
+      url: '/users/professionals'
     }
-    // {
-    //   id: 3,
-    //   title: t('PROFESSIONALS', 'Professionals'),
-    //   pageName: 'professionals',
-    //   url: '/users/professionals'
-    // }
   ]
 
   const settingsSubMenus = [
@@ -272,13 +272,13 @@ export const SidebarMenu = (props) => {
       title: t('PROMOTIONS_ENTERPRISE', 'Promotions enterprise'),
       pageName: 'enterprise_promotions',
       url: '/marketing/promotions-enterprise'
+    },
+    {
+      id: 2,
+      title: t('CAMPAIGN', 'Campaign'),
+      pageName: 'campaign',
+      url: '/marketing/campaign'
     }
-    // {
-    //   id: 2,
-    //   title: t('CAMPAIGN', 'Campaign'),
-    //   pageName: 'campaign',
-    //   url: '/marketing/campaign'
-    // }
   ]
 
   const downloadsSubMenus = [

package/src/components/Stores/BusinessMenu/index.js

@@ -1,11 +1,10 @@
 import React, { useEffect, useState } from 'react'
-import { useLanguage, useConfig, useSession, BusinessMenu as BusinessMenuController } from 'ordering-components-admin-external'
+import { useLanguage, BusinessMenu as BusinessMenuController } from 'ordering-components-admin-external'
 import { BusinessMenuOptions } from '../BusinessMenuOptions'
 import { Confirm, Modal, SearchBar } from '../../Shared'
 import { useWindowSize } from '../../../hooks/useWindowSize'
 import { Button, Checkbox } from '../../../styles'
 import { ChevronRight } from 'react-bootstrap-icons'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
 
 import {
   MainContainer,
@@ -33,8 +32,6 @@ const BusinessMenuUI = (props) => {
     sitesState
   } = props
   const [, t] = useLanguage()
-  const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
   const { width } = useWindowSize()
 
   const [confirm, setConfirm] = useState({ open: false, content: null, handleOnAccept: null })
@@ -43,8 +40,6 @@ const BusinessMenuUI = (props) => {
   const [isOpenSharedProduct, setIsOpenSharedProduct] = useState(false)
   const [searchValue, setSearchValue] = useState('')
   const [menuList, setMenuList] = useState([])
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
-  const featureName = 'shared_menus'
 
   const handleOpenOptions = (name, menu) => {
     setCurrentMenu(menu)
@@ -71,16 +66,6 @@ const BusinessMenuUI = (props) => {
     setMenuList(filteredMenus)
   }, [JSON.stringify(businessMenusState.menus), JSON.stringify(businessMenusState.menusShared), searchValue, isSelectedSharedMenus])
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && user?.level === 0 && isSelectedSharedMenus) {
-        setIsDisabledFeature(true)
-        return
-      }
-      setIsDisabledFeature(false)
-    }
-  }, [configs, isSelectedSharedMenus])
-
   return (
     <MainContainer>
       <MenuContainer isHide={isOpenSharedProduct}>
@@ -90,7 +75,6 @@ const BusinessMenuUI = (props) => {
             borderRadius='8px'
             color='lightPrimary'
             onClick={() => handleOpenOptions('option', {})}
-            disabled={isDisabledFeature}
           >
             {t('ADD_MENU', 'Add menu')}
           </Button>
@@ -116,7 +100,7 @@ const BusinessMenuUI = (props) => {
             {t('SHARED_MENUS', 'Shared menus')}
           </Tab>
         </TabsContainer>
-        <SearchBarWrapper isDisabledFeature={isDisabledFeature}>
+        <SearchBarWrapper>
           <SearchBar
             isCustomLayout
             lazyLoad
@@ -145,8 +129,7 @@ const BusinessMenuUI = (props) => {
             key={menu.id}
             isBorderTop={index === 0}
             active={menu.id === currentMenu?.id}
-            onClick={(e) => !isDisabledFeature && handleOpenEdit(e, menu)}
-            isDisabledFeature={isDisabledFeature}
+            onClick={(e) => handleOpenEdit(e, menu)}
           >
             <CheckboxWrapper
               className='business_checkbox_control'
@@ -168,7 +151,6 @@ const BusinessMenuUI = (props) => {
           </AddMenuButton>
         )}
       </MenuContainer>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {width >= 1000 ? (
         <>
           {showOption === 'option' && (

package/src/components/Stores/BusinessMenu/styles.js

@@ -73,14 +73,6 @@ export const MeunItem = styled.div`
     margin: 0 3px;
     font-size: 13px;
   }
-
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-      cursor: not-allowed;
-      opacity: 0.4;
-      &:hover {
-        background-color: ${props => props.theme.colors.white};
-      }
-  `}
 `
 
 export const MenuName = styled.span`
@@ -140,13 +132,6 @@ export const Tab = styled.div`
 
 export const SearchBarWrapper = styled.div`
   margin-bottom: 15px;
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-      cursor: not-allowed;
-      > div {
-        pointer-events: none;
-        opacity: 0.4;
-      }
-  `}
 `
 export const SelectButtonGroup = styled.div`
   display: flex;

package/src/components/Stores/BusinessPaymentMethods/index.js

@@ -3,7 +3,6 @@ import Skeleton from 'react-loading-skeleton'
 import {
   useLanguage,
   useConfig,
-  useSession,
   BusinessPaymethods as BusinessPaymentMethodsController
 } from 'ordering-components-admin-external'
 import RiCheckboxBlankLine from '@meronex/icons/ri/RiCheckboxBlankLine'
@@ -67,7 +66,6 @@ const BusinessPaymentMethodsUI = (props) => {
 
   const [, t] = useLanguage()
   const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
   const { width } = useWindowSize()
   const [isEdit, setIsEdit] = useState(false)
   const [selectedBusinessPaymethod, setSelectedBusinessPaymethod] = useState(null)
@@ -75,8 +73,6 @@ const BusinessPaymentMethodsUI = (props) => {
   const [searchValue, setSearchValue] = useState('')
   const [alertState, setAlertState] = useState({ open: false, content: [] })
   const [isOpenWalletDetails, setIsOpenWalletDetails] = useState(false)
-  const featureName = 'payments_advanced'
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
   const isWalletCashEnabled = configs?.wallet_enabled?.value === '1'
 
   const orderTypes = [
@@ -157,16 +153,6 @@ const BusinessPaymentMethodsUI = (props) => {
     setSelectedBusinessPaymethod(updatedPaymethod)
   }, [businessPaymethodsState?.paymethods, selectedBusinessPaymethod])
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && user?.level === 0) {
-        setIsDisabledFeature(true)
-        return
-      }
-      setIsDisabledFeature(false)
-    }
-  }, [configs])
-
   return (
     <MainContainer>
       <PaymentMethodsContainer isOpenWalletDetails={isOpenWalletDetails}>
@@ -267,23 +253,22 @@ const BusinessPaymentMethodsUI = (props) => {
                 'square',
                 ...methodsPay
               ].includes(selectedPaymethodGateway) && (
-                  <PaymentOption
-                    sitesState={sitesState}
-                    open={isEdit}
-                    onClose={() => handleCloseEdit()}
-                    businessPaymethod={selectedBusinessPaymethod}
-                    changesState={changesState}
-                    orderTypes={orderTypes}
-                    handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
-                    cleanChangesState={cleanChangesState}
-                    actionState={actionState}
-                    handleChangeSandbox={handleChangeSandbox}
-                    handleChangeInput={handleChangeInput}
-                    handleSaveClick={handleSaveClick}
-                    handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
-                  />
-                )}
+                <PaymentOption
+                  sitesState={sitesState}
+                  open={isEdit}
+                  onClose={() => handleCloseEdit()}
+                  businessPaymethod={selectedBusinessPaymethod}
+                  changesState={changesState}
+                  orderTypes={orderTypes}
+                  handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
+                  cleanChangesState={cleanChangesState}
+                  actionState={actionState}
+                  handleChangeSandbox={handleChangeSandbox}
+                  handleChangeInput={handleChangeInput}
+                  handleSaveClick={handleSaveClick}
+                  handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
+                />
+              )}
               {selectedPaymethodGateway === 'apple_pay' && (
                 <PaymentOptionMethods
                   sitesState={sitesState}
@@ -301,7 +286,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
                   id={selectedPaymethodGateway}
                   title='Apple pay'
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'google_pay' && (
@@ -321,7 +305,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
                   id={selectedPaymethodGateway}
                   title='Google pay'
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'stripe_direct' && (
@@ -339,7 +322,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeInput={handleChangeInput}
                   handleSaveClick={handleSaveClick}
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'paypal' && (
@@ -357,7 +339,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeInput={handleChangeInput}
                   handleSaveClick={handleSaveClick}
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'paypal_express' && (
@@ -375,7 +356,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeInput={handleChangeInput}
                   handleSaveClick={handleSaveClick}
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'stripe_redirect' && (
@@ -393,7 +373,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeInput={handleChangeInput}
                   handleSaveClick={handleSaveClick}
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'stripe_connect' && (
@@ -411,7 +390,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeStripeInput={handleChangeStripeInput}
                   handleStripeSave={handleStripeSave}
                   handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
               {selectedPaymethodGateway === 'square' && (
@@ -427,7 +405,6 @@ const BusinessPaymentMethodsUI = (props) => {
                   handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
                   businessPaymethods={businessPaymethodsState?.paymethods}
                   handleSuccessPaymethodUpdate={handleSuccessPaymethodUpdate}
-                  isDisabledFeature={isDisabledFeature}
                 />
               )}
             </>
@@ -448,23 +425,22 @@ const BusinessPaymentMethodsUI = (props) => {
                   'stripe_redirect',
                   'stripe_connect'
                 ].includes(selectedPaymethodGateway) && (
-                    <PaymentOption
-                      sitesState={sitesState}
-                      open={isEdit}
-                      onClose={() => handleCloseEdit()}
-                      businessPaymethod={selectedBusinessPaymethod}
-                      changesState={changesState}
-                      orderTypes={orderTypes}
-                      handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
-                      cleanChangesState={cleanChangesState}
-                      actionState={actionState}
-                      handleChangeSandbox={handleChangeSandbox}
-                      handleChangeInput={handleChangeInput}
-                      handleSaveClick={handleSaveClick}
-                      handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                      isDisabledFeature={isDisabledFeature}
-                    />
-                  )}
+                  <PaymentOption
+                    sitesState={sitesState}
+                    open={isEdit}
+                    onClose={() => handleCloseEdit()}
+                    businessPaymethod={selectedBusinessPaymethod}
+                    changesState={changesState}
+                    orderTypes={orderTypes}
+                    handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
+                    cleanChangesState={cleanChangesState}
+                    actionState={actionState}
+                    handleChangeSandbox={handleChangeSandbox}
+                    handleChangeInput={handleChangeInput}
+                    handleSaveClick={handleSaveClick}
+                    handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
+                  />
+                )}
                 {selectedPaymethodGateway === 'stripe_direct' && (
                   <PaymentOptionStripeDirect
                     sitesState={sitesState}
@@ -480,7 +456,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeInput={handleChangeInput}
                     handleSaveClick={handleSaveClick}
                     handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
                 {selectedPaymethodGateway === 'paypal' && (
@@ -498,7 +473,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeInput={handleChangeInput}
                     handleSaveClick={handleSaveClick}
                     handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
                 {selectedPaymethodGateway === 'paypal_express' && (
@@ -516,7 +490,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeInput={handleChangeInput}
                     handleSaveClick={handleSaveClick}
                     handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
                 {selectedPaymethodGateway === 'stripe_redirect' && (
@@ -534,7 +507,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeInput={handleChangeInput}
                     handleSaveClick={handleSaveClick}
                     handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
                 {selectedPaymethodGateway === 'stripe_connect' && (
@@ -553,7 +525,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeStripeInput={handleChangeStripeInput}
                     handleStripeSave={handleStripeSave}
                     handleDeletePaymethod={handleDeleteBusinessPaymethodOption}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
                 {selectedPaymethodGateway === 'square' && (
@@ -569,7 +540,6 @@ const BusinessPaymentMethodsUI = (props) => {
                     handleChangeBusinessPaymentState={handleChangeBusinessPaymentState}
                     businessPaymethods={businessPaymethodsState?.paymethods}
                     handleSuccessPaymethodUpdate={handleSuccessPaymethodUpdate}
-                    isDisabledFeature={isDisabledFeature}
                   />
                 )}
               </Modal>

package/src/components/Stores/BusinessProductAddForm/index.js

@@ -52,7 +52,7 @@ const BusinessProductAddFormUI = (props) => {
 
   const typeList = [
     { value: 'item', content: <Option>{t('ITEM', 'Item')}</Option> },
-    // { value: 'service', content: <Option>{t('SERVICE', 'Service')}</Option> }
+    { value: 'service', content: <Option>{t('SERVICE', 'Service')}</Option> }
   ]
 
   const durationList = [

package/src/components/Stores/BusinessesListingHeader/index.js

@@ -73,13 +73,13 @@ export const BusinessesListingHeader = (props) => {
         >
           {t('ADD_NEW_STORE', 'Add new store')}
         </Button>
-        {/* <Button
+        <Button
           color='lightPrimary'
           borderRadius='8px'
           onClick={() => handleOpenSync()}
         >
           {t('SYNC', 'Sync')}
-        </Button> */}
+        </Button>
         <SearchBar
           isCustomLayout
           lazyLoad

package/src/components/Stores/ImportersList/index.js

@@ -27,8 +27,7 @@ export const ImportersList = (props) => {
     handleDeleteImporter,
     selectedImporter,
     setSelectedImporter,
-    handleEditImporter,
-    isDisabledFeature
+    handleEditImporter
   } = props
   const [, t] = useLanguage()
   const theme = useTheme()
@@ -47,7 +46,7 @@ export const ImportersList = (props) => {
   }
 
   return (
-    <ImportListContainer isDisabledFeature={isDisabledFeature}>
+    <ImportListContainer>
       <ImportersTableWrapper>
         <ImpotersTable>
           <thead>

package/src/components/Stores/ImportersList/styles.js

@@ -1,15 +1,7 @@
 import styled, { css } from 'styled-components'
 import { darken } from 'polished'
 
-export const ImportListContainer = styled.div`
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-    cursor: not-allowed;
-    opacity: 0.5;
-    > div {
-      pointer-events: none;
-    }
-  `}
-`
+export const ImportListContainer = styled.div``
 export const ImportersTableWrapper = styled.div`
 `