restructure components dir (#210)

src/components/Elements/Selectors/NetworkSelector/index.tsx

@@ -9,7 +9,7 @@ import {
 import { useNetwork } from '@/contexts/network';
 import { NetworkType } from '@/models';
 
-const RelaySelect = () => {
+export const NetworkSelector = () => {
   const router = useRouter();
   const { network } = useNetwork();
 
@@ -84,5 +84,3 @@ const RelaySelect = () => {
     </FormControl>
   );
 };
-
-export default RelaySelect;

src/components/Elements/Selectors/index.ts

@@ -1,4 +1,5 @@
 export * from './AssetSelector';
 export * from './ChainSelector';
 export * from './FinalitySelector';
+export * from './NetworkSelector';
 export * from './RegionSelector';

src/components/Header/index.tsx → src/components/Layout/Header/index.tsx

@@ -12,12 +12,16 @@ import {
 } from '@mui/material';
 import React, { useState } from 'react';
 
+import {
+  Address,
+  NetworkSelector,
+  ProgressButton,
+  TxHistoryModal,
+} from '@/components';
+
 import { KeyringState, useAccounts } from '@/contexts/account';
 
 import styles from './index.module.scss';
-import { Address, ProgressButton } from '../Elements';
-import NetworkSelector from '../Elements/Selectors/NetworkSelector';
-import { TxHistoryModal } from '../Modals/Accounts';
 
 export const Header = () => {
   const theme = useTheme();

src/components/Sidebar/index.tsx → src/components/Layout/Sidebar/index.tsx

@@ -21,7 +21,7 @@ import { useNetwork } from '@/contexts/network';
 import { RenewIcon } from '@/icons';
 
 import styles from './index.module.scss';
-import { StatusIndicator } from '../Elements';
+import { StatusIndicator } from '../../Elements';
 
 interface MenuItemProps {
   label: string;

src/components/Layout/index.tsx

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react';
 
+import { Header } from './Header';
 import styles from './index.module.scss';
-import { Header } from '../Header';
-import { Sidebar } from '../Sidebar';
+import { Sidebar } from './Sidebar';
 
 interface Props {
   children: ReactElement | ReactElement[];

src/components/Orders/index.ts

@@ -1 +1,2 @@
+export * from './Modals';
 export * from './OrderCard';

src/components/Panels/SaleInfoPanel/index.tsx

@@ -5,8 +5,7 @@ import { useState } from 'react';
 
 import { getBalanceString, getTimeStringShort } from '@/utils/functions';
 
-import { SalePhaseCard } from '@/components/Elements';
-import { PriceModal } from '@/components/Modals';
+import { PriceModal, SalePhaseCard } from '@/components';
 
 import DollarIcon from '@/assets/dollar.png';
 import ListIcon from '@/assets/list.png';

src/components/Panels/SalePhaseInfoPanel/index.tsx

@@ -1,8 +1,7 @@
 import { Box, Button, Paper, Typography, useTheme } from '@mui/material';
 import { useEffect, useState } from 'react';
 
-import { CountDown, SalePhaseCard } from '@/components/Elements';
-import { PurchaseHistoryModal } from '@/components/Modals';
+import { CountDown, PurchaseHistoryModal, SalePhaseCard } from '@/components';
 
 import { useSaleInfo } from '@/contexts/sales';
 import { SalePhase } from '@/models';

src/components/Paras/index.ts

@@ -1,4 +1,5 @@
 export * from './CoreExpiryCard';
 export * from './LeaseStateCard';
+export * from './Modals';
 export * from './ParaDisplay';
 export * from './ParaStateCard';

src/components/Modals/Regions/Price/index.tsx → src/components/Regions/Modals/Price/index.tsx

@@ -9,8 +9,7 @@ import {
   useTheme,
 } from '@mui/material';
 
-import { SalePriceChart } from '@/components/Charts';
-import { ActionButton, CountDown } from '@/components/Elements';
+import { ActionButton, CountDown, SalePriceChart } from '@/components';
 
 import { useSaleInfo } from '@/contexts/sales';
 import { SalePhase } from '@/models';

src/components/Regions/index.ts

@@ -1,4 +1,5 @@
 export * from './IsmpRegionCard';
 export * from './MarketRegion';
+export * from './Modals';
 export * from './RegionMetaCard';
 export * from './RegionOverview';

src/components/Sales/index.ts

@@ -0,0 +1,2 @@
+export * from './SaleDetails';
+export * from './SalePrice';

src/components/Tables/SalesHistoryTable/index.tsx

@@ -14,10 +14,11 @@ import { useState } from 'react';
 
 import { getTimeStringLong } from '@/utils/functions';
 
+import { SaleDetailsModal } from '@/components';
+
 import { SalesHistoryItem } from '@/models';
 
 import { StyledTableCell, StyledTableRow } from '../common';
-import { SaleDetailsModal } from '../../Modals';
 
 interface SalesHistoryTableProps {
   data: SalesHistoryItem[];

src/components/index.ts

@@ -1,12 +1,10 @@
-export * from './Charts';
+export * from './Accounts';
 export * from './Elements';
-export * from './Header';
 export * from './Layout';
 export * from './Market';
-export * from './Modals';
 export * from './Orders';
 export * from './Panels';
 export * from './Paras';
 export * from './Regions';
-export * from './Sidebar';
+export * from './Sales';
 export * from './Tables';