aleka
b8e72246b9
* add manage funds dialog and transfers form styling * add sticky footer backdrop * add testnet deposit toggle
72 lines
3.5 KiB
TypeScript
72 lines
3.5 KiB
TypeScript
import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
import { DialogTypes } from '@/constants/dialogs';
|
|
|
|
import { closeDialog, openDialog } from '@/state/dialogs';
|
|
|
|
import { getActiveDialog } from '@/state/dialogsSelectors';
|
|
|
|
import { ClosePositionDialog } from '@/views/dialogs/ClosePositionDialog';
|
|
import { DepositDialog } from '@/views/dialogs/DepositDialog';
|
|
import { DisconnectDialog } from '@/views/dialogs/DisconnectDialog';
|
|
import { ExchangeOfflineDialog } from '@/views/dialogs/ExchangeOfflineDialog';
|
|
import { HelpDialog } from '@/views/dialogs/HelpDialog';
|
|
import { ExternalNavKeplrDialog } from '@/views/dialogs/ExternalNavKeplrDialog';
|
|
import { MnemonicExportDialog } from '@/views/dialogs/MnemonicExportDialog';
|
|
import { MobileSignInDialog } from '@/views/dialogs/MobileSignInDialog';
|
|
import { OnboardingDialog } from '@/views/dialogs/OnboardingDialog';
|
|
import { PreferencesDialog } from '@/views/dialogs/PreferencesDialog';
|
|
import { RateLimitDialog } from '@/views/dialogs/RateLimitDialog';
|
|
import { ReceiveDialog } from '@/views/dialogs/ReceiveDialog';
|
|
import { RestrictedGeoDialog } from '@/views/dialogs/RestrictedGeoDialog';
|
|
import { TradeDialog } from '@/views/dialogs/TradeDialog';
|
|
import { TransferDialog } from '@/views/dialogs/TransferDialog';
|
|
import { RestrictedWalletDialog } from '@/views/dialogs/RestrictedWalletDialog';
|
|
import { WithdrawDialog } from '@/views/dialogs/WithdrawDialog';
|
|
import { ManageFundsDialog } from '@/views/dialogs/ManageFundsDialog';
|
|
|
|
import { OrderDetailsDialog } from '@/views/dialogs/DetailsDialog/OrderDetailsDialog';
|
|
import { FillDetailsDialog } from '@/views/dialogs/DetailsDialog/FillDetailsDialog';
|
|
|
|
export const DialogManager = () => {
|
|
const dispatch = useDispatch();
|
|
const activeDialog = useSelector(getActiveDialog);
|
|
|
|
if (!activeDialog) return null;
|
|
const { dialogProps, type } = activeDialog;
|
|
|
|
const modalProps = {
|
|
...dialogProps,
|
|
setIsOpen: (isOpen: boolean) => {
|
|
dispatch(
|
|
isOpen
|
|
? openDialog({ type: activeDialog.type, dialogProps: activeDialog.dialogProps })
|
|
: closeDialog()
|
|
);
|
|
},
|
|
};
|
|
|
|
return {
|
|
[DialogTypes.ClosePosition]: <ClosePositionDialog {...modalProps} />,
|
|
[DialogTypes.Deposit]: <DepositDialog {...modalProps} />,
|
|
[DialogTypes.DisconnectWallet]: <DisconnectDialog {...modalProps} />,
|
|
[DialogTypes.ExchangeOffline]: <ExchangeOfflineDialog {...modalProps} />,
|
|
[DialogTypes.FillDetails]: <FillDetailsDialog {...modalProps} />,
|
|
[DialogTypes.Help]: <HelpDialog {...modalProps} />,
|
|
[DialogTypes.ExternalNavKeplr]: <ExternalNavKeplrDialog {...modalProps} />,
|
|
[DialogTypes.MnemonicExport]: <MnemonicExportDialog {...modalProps} />,
|
|
[DialogTypes.MobileSignIn]: <MobileSignInDialog {...modalProps} />,
|
|
[DialogTypes.Onboarding]: <OnboardingDialog {...modalProps} />,
|
|
[DialogTypes.OrderDetails]: <OrderDetailsDialog {...modalProps} />,
|
|
[DialogTypes.Preferences]: <PreferencesDialog {...modalProps} />,
|
|
[DialogTypes.RateLimit]: <RateLimitDialog {...modalProps} />,
|
|
[DialogTypes.Receive]: <ReceiveDialog {...modalProps} />,
|
|
[DialogTypes.RestrictedGeo]: <RestrictedGeoDialog {...modalProps} />,
|
|
[DialogTypes.RestrictedWallet]: <RestrictedWalletDialog {...modalProps} />,
|
|
[DialogTypes.Trade]: <TradeDialog {...modalProps} />,
|
|
[DialogTypes.Transfer]: <TransferDialog {...modalProps} />,
|
|
[DialogTypes.Withdraw]: <WithdrawDialog {...modalProps} />,
|
|
[DialogTypes.ManageFunds]: <ManageFundsDialog {...modalProps} />,
|
|
}[type];
|
|
};
|