Ameerul /Task 79196 move my ads folder

packages/p2p/jest.config.js

@@ -9,6 +9,7 @@ module.exports = {
         '^Assets/(.*)$': '<rootDir>/src/assets/$1',
         '^Components/(.*)$': '<rootDir>/src/components/$1',
         '^Constants/(.*)$': '<rootDir>/src/constants/$1',
+        '^Pages/(.*)$': '<rootDir>/src/pages/$1',
         '^Stores/(.*)$': '<rootDir>/src/stores/$1',
         '^Stores$': '<rootDir>/src/stores/index',
         '^Translations/(.*)$': '<rootDir>/src/translations/$1',

packages/p2p/src/app-content.jsx

@@ -7,7 +7,7 @@ import AdvertiserPage from 'Components/advertiser-page/advertiser-page.jsx';
 import BuySell from 'Components/buy-sell/buy-sell.jsx';
 import Dp2pBlocked from 'Components/dp2p-blocked';
 import { localize } from 'Components/i18next';
-import MyAds from 'Components/my-ads/my-ads.jsx';
+import MyAds from 'Pages/my-ads';
 import MyProfile from 'Components/my-profile';
 import NicknameForm from 'Components/nickname-form';
 import Orders from 'Components/orders/orders.jsx';

packages/p2p/src/components/__tests__/app-content.spec.js

@@ -21,7 +21,7 @@ jest.mock('@deriv/components', () => ({
 jest.mock('Components/dp2p-blocked', () => jest.fn(() => 'Dp2pBlocked'));
 jest.mock('Components/nickname-form', () => jest.fn(() => 'NicknameForm'));
 jest.mock('Components/verification/verification', () => jest.fn(() => 'Verification'));
-jest.mock('Components/my-ads/my-ads', () => jest.fn(() => 'MyAds'));
+jest.mock('Pages/my-ads', () => jest.fn(() => 'MyAds'));
 jest.mock('Components/orders/orders', () => jest.fn(() => 'Orders'));
 jest.mock('Components/buy-sell/buy-sell', () => jest.fn(() => 'BuySell'));
 jest.mock('Components/my-profile', () => jest.fn(() => 'MyProfile'));

packages/p2p/src/components/my-ads/create-ad-add-payment-method-modal.jsx

@@ -5,7 +5,7 @@ import { Button, Icon, MobileFullPageModal, Modal, Text } from '@deriv/component
 import { isMobile } from '@deriv/shared';
 import { useStores } from 'Stores';
 import { localize, Localize } from 'Components/i18next';
-import AddPaymentMethod from '../my-profile/payment-methods/add-payment-method/add-payment-method.jsx';
+import AddPaymentMethod from 'Components/my-profile/payment-methods/add-payment-method/add-payment-method.jsx';
 
 const CreateAdAddPaymentMethodModal = () => {
     const { my_ads_store, my_profile_store } = useStores();

packages/p2p/src/components/my-ads/my-ads-delete-modal.jsx

@@ -6,7 +6,7 @@ import { observer } from 'mobx-react-lite';
 import { Localize } from 'Components/i18next';
 import { requestWS } from 'Utils/websocket';
 import { useStores } from 'Stores';
-import 'Components/my-ads/my-ads-delete-modal.scss';
+import './my-ads-delete-modal.scss';
 
 const MyAdsDeleteModal = () => {
     const { my_ads_store } = useStores();

packages/p2p/src/components/my-ads/quick-add-modal.jsx

@@ -7,8 +7,8 @@ import { observer } from 'mobx-react-lite';
 import { localize, Localize } from 'Components/i18next';
 import { buy_sell } from 'Constants/buy-sell';
 import { useStores } from 'Stores';
-import AddPaymentMethod from '../my-profile/payment-methods/add-payment-method/add-payment-method.jsx';
-import SellAdPaymentMethodsList from './sell-ad-payment-methods-list.jsx';
+import AddPaymentMethod from 'Components/my-profile/payment-methods/add-payment-method/add-payment-method.jsx';
+import SellAdPaymentMethodsList from 'Pages/my-ads/sell-ad-payment-methods-list';
 import './quick-add-modal.scss';
 
 const QuickAddModal = ({ advert }) => {

packages/p2p/src/components/my-ads/__tests__/ad-status.spec.js → packages/p2p/src/pages/my-ads/ad-status/__tests__/ad-status.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { screen, render } from '@testing-library/react';
-import AdStatus from '../ad-status.jsx';
+import AdStatus from '../ad-status';
 
 describe('<AdStatus />', () => {
     it('Component should show proper status if is_active prop is true', () => {

packages/p2p/src/pages/my-ads/ad-status/index.js

@@ -0,0 +1,3 @@
+import AdStatus from './ad-status';
+
+export default AdStatus;

packages/p2p/src/pages/my-ads/ad-type/index.js

@@ -0,0 +1,3 @@
+import AdType from './ad-type';
+
+export default AdType;

packages/p2p/src/pages/my-ads/buy-ad-payment-methods-list/index.js

@@ -0,0 +1,3 @@
+import BuyAdPaymentMethodsList from './buy-ad-payment-methods-list';
+
+export default BuyAdPaymentMethodsList;

packages/p2p/src/components/my-ads/create-ad-form-payment-methods.jsx → packages/p2p/src/pages/my-ads/create-ad/create-ad-form-payment-methods/create-ad-form-payment-methods.jsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStores } from 'Stores';
-import PaymentMethodCard from '../my-profile/payment-methods/payment-method-card';
+import PaymentMethodCard from 'Components/my-profile/payment-methods/payment-method-card';
 import { localize } from 'Components/i18next';
-import BuyAdPaymentMethodsList from './buy-ad-payment-methods-list.jsx';
-import SellAdPaymentMethodsList from './sell-ad-payment-methods-list.jsx';
+import BuyAdPaymentMethodsList from 'Pages/my-ads/buy-ad-payment-methods-list';
+import SellAdPaymentMethodsList from 'Pages/my-ads/sell-ad-payment-methods-list';
 
 const CreateAdFormPaymentMethods = ({ is_sell_advert, onSelectPaymentMethods }) => {
     const { my_ads_store, my_profile_store } = useStores();

packages/p2p/src/pages/my-ads/create-ad/create-ad-form-payment-methods/index.js

@@ -0,0 +1,3 @@
+import CreateAdFormPaymentMethods from './create-ad-form-payment-methods';
+
+export default CreateAdFormPaymentMethods;

packages/p2p/src/components/my-ads/create-ad-form.jsx → packages/p2p/src/pages/my-ads/create-ad/create-ad-form/create-ad-form.jsx

@@ -20,10 +20,10 @@ import { Localize, localize } from 'Components/i18next';
 import { buy_sell } from 'Constants/buy-sell';
 import { ad_type } from 'Constants/floating-rate';
 import { useStores } from 'Stores';
-import CreateAdSummary from './create-ad-summary.jsx';
-import CreateAdErrorModal from './create-ad-error-modal.jsx';
-import CreateAdFormPaymentMethods from './create-ad-form-payment-methods.jsx';
-import CreateAdAddPaymentMethodModal from './create-ad-add-payment-method-modal.jsx';
+import CreateAdSummary from '../create-ad-summary';
+import CreateAdErrorModal from 'Components/my-ads/create-ad-error-modal.jsx';
+import CreateAdFormPaymentMethods from '../create-ad-form-payment-methods';
+import CreateAdAddPaymentMethodModal from 'Components/my-ads/create-ad-add-payment-method-modal.jsx';
 
 const CreateAdFormWrapper = ({ children }) => {
     if (isMobile()) {

packages/p2p/src/pages/my-ads/create-ad/create-ad-form/index.js

@@ -0,0 +1,3 @@
+import CreateAdForm from './create-ad-form.jsx';
+
+export default CreateAdForm;

packages/p2p/src/pages/my-ads/create-ad/create-ad-summary/index.js

@@ -0,0 +1,3 @@
+import CreateAdSummary from './create-ad-summary';
+
+export default CreateAdSummary;

packages/p2p/src/components/my-ads/create-ad.jsx → packages/p2p/src/pages/my-ads/create-ad/create-ad.jsx

@@ -4,7 +4,7 @@ import { observer } from 'mobx-react-lite';
 import { localize } from 'Components/i18next';
 import PageReturn from 'Components/page-return/page-return.jsx';
 import { useStores } from 'Stores';
-import CreateAdForm from './create-ad-form.jsx';
+import CreateAdForm from './create-ad-form';
 
 const CreateAd = () => {
     const { my_ads_store } = useStores();

packages/p2p/src/pages/my-ads/create-ad/index.js

@@ -0,0 +1,3 @@
+import CreateAd from './create-ad.jsx';
+
+export default CreateAd;

packages/p2p/src/components/my-ads/edit-ad-form-payment-methods.jsx → packages/p2p/src/pages/my-ads/edit-ad/edit-ad-form-payment-methods/edit-ad-form-payment-methods.jsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStores } from 'Stores';
-import PaymentMethodCard from '../my-profile/payment-methods/payment-method-card';
+import PaymentMethodCard from 'Components/my-profile/payment-methods/payment-method-card';
 import { localize } from 'Components/i18next';
-import BuyAdPaymentMethodsList from './buy-ad-payment-methods-list.jsx';
-import SellAdPaymentMethodsList from './sell-ad-payment-methods-list.jsx';
+import BuyAdPaymentMethodsList from 'Pages/my-ads/buy-ad-payment-methods-list';
+import SellAdPaymentMethodsList from 'Pages/my-ads/sell-ad-payment-methods-list';
 
 const EditAdFormPaymentMethods = ({ is_sell_advert, selected_methods, setSelectedMethods, touched }) => {
     const { my_ads_store, my_profile_store } = useStores();

packages/p2p/src/pages/my-ads/edit-ad/edit-ad-form-payment-methods/index.js

@@ -0,0 +1,3 @@
+import EditAdFormPaymentMethods from './edit-ad-form-payment-methods';
+
+export default EditAdFormPaymentMethods;

packages/p2p/src/components/my-ads/edit-ad-form.jsx → packages/p2p/src/pages/my-ads/edit-ad/edit-ad-form/edit-ad-form.jsx

@@ -14,9 +14,9 @@ import { ad_type } from 'Constants/floating-rate';
 import FloatingRate from 'Components/floating-rate';
 import EditAdCancelModal from 'Components/my-ads/edit-ad-cancel-modal.jsx';
 import { generateErrorDialogTitle, generateErrorDialogBody } from 'Utils/adverts';
-import EditAdFormPaymentMethods from './edit-ad-form-payment-methods.jsx';
-import CreateAdAddPaymentMethodModal from './create-ad-add-payment-method-modal.jsx';
-import EditAdSummary from './edit-ad-summary.jsx';
+import EditAdFormPaymentMethods from '../edit-ad-form-payment-methods';
+import CreateAdAddPaymentMethodModal from 'Components/my-ads/create-ad-add-payment-method-modal.jsx';
+import EditAdSummary from '../edit-ad-summary';
 
 const EditAdFormWrapper = ({ children }) => {
     if (isMobile()) {

packages/p2p/src/pages/my-ads/edit-ad/edit-ad-form/index.js

@@ -0,0 +1,3 @@
+import EditAdForm from './edit-ad-form';
+
+export default EditAdForm;

packages/p2p/src/pages/my-ads/edit-ad/edit-ad-summary/index.js

@@ -0,0 +1,3 @@
+import EditAdSummary from './edit-ad-summary';
+
+export default EditAdSummary;

packages/p2p/src/components/my-ads/edit-ad.jsx → packages/p2p/src/pages/my-ads/edit-ad/edit-ad.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Loading } from '@deriv/components';
 import { observer } from 'mobx-react-lite';
 import { useStores } from 'Stores';
-import EditAdForm from './edit-ad-form.jsx';
+import EditAdForm from './edit-ad-form';
 
 const EditAd = () => {
     const { my_ads_store } = useStores();

packages/p2p/src/pages/my-ads/edit-ad/index.js

@@ -0,0 +1,3 @@
+import EditAd from './edit-ad.jsx';
+
+export default EditAd;

packages/p2p/src/pages/my-ads/index.js

@@ -0,0 +1,3 @@
+import MyAds from './my-ads';
+
+export default MyAds;

packages/p2p/src/pages/my-ads/my-ads-table/index.js

@@ -0,0 +1,3 @@
+import MyAdsTable from './my-ads-table';
+
+export default MyAdsTable;

packages/p2p/src/pages/my-ads/my-ads-table/my-ads-row-renderer/index.js

@@ -0,0 +1,3 @@
+import MyAdsRowRenderer from './my-ads-row-renderer';
+
+export default MyAdsRowRenderer;

packages/p2p/src/components/my-ads/my-ads-row-renderer.jsx → packages/p2p/src/pages/my-ads/my-ads-table/my-ads-row-renderer/my-ads-row-renderer.jsx

@@ -7,10 +7,10 @@ import { observer } from 'mobx-react-lite';
 import { Localize, localize } from 'Components/i18next';
 import { buy_sell } from 'Constants/buy-sell';
 import { ad_type } from 'Constants/floating-rate';
-import AdStatus from 'Components/my-ads/ad-status.jsx';
+import AdStatus from 'Pages/my-ads/ad-status';
 import { useStores } from 'Stores';
 import { generateEffectiveRate } from 'Utils/format-value';
-import AdType from './ad-type.jsx';
+import AdType from 'Pages/my-ads/ad-type';
 
 const MyAdsRowRenderer = observer(({ row: advert, setAdvert }) => {
     const { floating_rate_store, general_store, my_ads_store, my_profile_store } = useStores();

packages/p2p/src/components/my-ads/my-ads-table.jsx → packages/p2p/src/pages/my-ads/my-ads-table/my-ads-table.jsx

@@ -5,16 +5,16 @@ import { isDesktop, isMobile } from '@deriv/shared';
 import { observer } from 'mobx-react-lite';
 import { localize, Localize } from 'Components/i18next';
 import Empty from 'Components/empty/empty.jsx';
-import ToggleAds from 'Components/my-ads/toggle-ads.jsx';
+import ToggleAds from '../toggle-ads';
 import { TableError } from 'Components/table/table-error.jsx';
 import { ad_type } from 'Constants/floating-rate';
 import { useStores } from 'Stores';
 import { generateErrorDialogTitle } from 'Utils/adverts';
-import MyAdsDeleteModal from './my-ads-delete-modal.jsx';
-import MyAdsFloatingRateSwitchModal from './my-ads-floating-rate-switch-modal.jsx';
-import MyAdsRowRenderer from './my-ads-row-renderer.jsx';
-import QuickAddModal from './quick-add-modal.jsx';
-import AdExceedsDailyLimitModal from './ad-exceeds-daily-limit-modal.jsx';
+import MyAdsDeleteModal from 'Components/my-ads/my-ads-delete-modal.jsx';
+import MyAdsFloatingRateSwitchModal from 'Components/my-ads/my-ads-floating-rate-switch-modal.jsx';
+import MyAdsRowRenderer from './my-ads-row-renderer';
+import QuickAddModal from 'Components/my-ads/quick-add-modal.jsx';
+import AdExceedsDailyLimitModal from 'Components/my-ads/ad-exceeds-daily-limit-modal.jsx';
 
 const getHeaders = offered_currency => [
     { text: localize('Ad ID') },

packages/p2p/src/components/my-ads/my-ads.jsx → packages/p2p/src/pages/my-ads/my-ads.jsx

@@ -5,10 +5,10 @@ import { observer } from 'mobx-react-lite';
 import { localize } from 'Components/i18next';
 import { useStores } from 'Stores';
 import { TableError } from 'Components/table/table-error.jsx';
-import CreateAd from './create-ad.jsx';
-import EditAd from './edit-ad.jsx';
-import MyAdsTable from './my-ads-table.jsx';
-import Verification from '../verification/verification.jsx';
+import CreateAd from './create-ad';
+import EditAd from './edit-ad';
+import MyAdsTable from './my-ads-table';
+import Verification from 'Components/verification/verification.jsx';
 import './my-ads.scss';
 
 const MyAdsState = ({ message }) => (

packages/p2p/src/pages/my-ads/sell-ad-payment-methods-list/index.js

@@ -0,0 +1,3 @@
+import SellAdPaymentMethodsList from './sell-ad-payment-methods-list';
+
+export default SellAdPaymentMethodsList;

packages/p2p/src/components/my-ads/sell-ad-payment-methods-list.jsx → packages/p2p/src/pages/my-ads/sell-ad-payment-methods-list/sell-ad-payment-methods-list.jsx

@@ -6,7 +6,7 @@ import { observer } from 'mobx-react-lite';
 import { localize } from 'Components/i18next';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import PaymentMethodCard from '../my-profile/payment-methods/payment-method-card';
+import PaymentMethodCard from 'Components/my-profile/payment-methods/payment-method-card';
 import './sell-ad-payment-methods-list.scss';
 
 const SellAdPaymentMethodsList = ({

packages/p2p/src/pages/my-ads/toggle-ads/index.js

@@ -0,0 +1,3 @@
+import ToggleAds from './toggle-ads';
+
+export default ToggleAds;

packages/p2p/src/components/my-ads/toggle-ads.jsx → packages/p2p/src/pages/my-ads/toggle-ads/toggle-ads.jsx

@@ -7,7 +7,7 @@ import { observer } from 'mobx-react-lite';
 import { requestWS } from 'Utils/websocket';
 import { localize } from 'Components/i18next';
 import { useStores } from 'Stores';
-import './my-ads.scss';
+import '../my-ads.scss';
 
 const ToggleAds = observer(() => {
     const { general_store, my_ads_store } = useStores();

packages/p2p/tsconfig.json

@@ -6,12 +6,13 @@
             "Assets/*": ["src/assets/*"],
             "Components/*": ["src/components/*"],
             "Constants/*": ["src/constants/*"],
+            "Pages/*": ["src/pages/*"],
             "Stores/*": ["src/stores/*"],
             "Translations/*": ["src/translations/*"],
             "Utils/*": ["src/utils/*"],
-            "@deriv/*":["../*/src"]
+            "@deriv/*": ["../*/src"]
         },
-        "outDir": "./lib",
+        "outDir": "./lib"
     },
     "include": ["src"]
 }