diff --git a/frontend/src/components/Dialogs/Worldmap.tsx b/frontend/src/components/Dialogs/Worldmap.tsx
new file mode 100644
index 00000000..61b617a3
--- /dev/null
+++ b/frontend/src/components/Dialogs/Worldmap.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+ Dialog,
+ DialogContent,
+ Divider,
+ IconButton,
+ List,
+ ListItemText,
+ ListItem,
+ ListItemIcon,
+ ListItemButton,
+ Tooltip,
+ Typography,
+} from '@mui/material';
+import SendIcon from '@mui/icons-material/Send';
+import GitHubIcon from '@mui/icons-material/GitHub';
+import TwitterIcon from '@mui/icons-material/Twitter';
+import RedditIcon from '@mui/icons-material/Reddit';
+import Flags from 'country-flag-icons/react/3x2';
+import { NostrIcon, SimplexIcon } from '../Icons';
+
+interface Props {
+ open: boolean;
+ onClose: () => void;
+}
+
+const WorldmapDialog = ({ open = false, onClose }: Props): JSX.Element => {
+ const { t } = useTranslation();
+
+ const flagProps = {
+ width: 30,
+ height: 30,
+ opacity: 0.85,
+ style: {
+ filter: 'drop-shadow(2px 2px 2px #444444)',
+ },
+ };
+
+ return (
+
+ );
+};
+
+export default WorldmapDialog;
diff --git a/frontend/src/components/Dialogs/index.ts b/frontend/src/components/Dialogs/index.ts
index bb32404a..bb2b9fd7 100644
--- a/frontend/src/components/Dialogs/index.ts
+++ b/frontend/src/components/Dialogs/index.ts
@@ -11,3 +11,4 @@ export { default as StatsDialog } from './Stats';
export { default as EnableTelegramDialog } from './EnableTelegram';
export { default as UpdateClientDialog } from './UpdateClient';
export { default as NoticeDialog } from './Notice';
+export { default as WorldmapDialog } from './Worldmap';
diff --git a/frontend/src/components/MakerForm/MakerForm.tsx b/frontend/src/components/MakerForm/MakerForm.tsx
index d702c113..010ac7fe 100644
--- a/frontend/src/components/MakerForm/MakerForm.tsx
+++ b/frontend/src/components/MakerForm/MakerForm.tsx
@@ -29,7 +29,7 @@ import { type LimitList, defaultMaker } from '../../models';
import { LocalizationProvider, MobileTimePicker } from '@mui/x-date-pickers';
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
-import { ConfirmationDialog } from '../Dialogs';
+import { ConfirmationDialog, WorldmapDialog } from '../Dialogs';
import { apiClient } from '../../services/api';
import { FlagWithProps } from '../Icons';
@@ -76,6 +76,7 @@ const MakerForm = ({
const [currencyCode, setCurrencyCode] = useState('USD');
const [openDialogs, setOpenDialogs] = useState(false);
+ const [openWorldmap, setOpenWorldmap] = useState(false);
const [submittingRequest, setSubmittingRequest] = useState(false);
const [amountRangeEnabled, setAmountRangeEnabled] = useState(true);
@@ -161,7 +162,10 @@ const MakerForm = ({
return maker.advancedOptions && amountRangeEnabled;
}, [maker.advancedOptions, amountRangeEnabled]);
- const handlePaymentMethodChange = function (paymentArray: string[]) {
+ const handlePaymentMethodChange = function (paymentArray: { name: string; icon: string }[]) {
+ if (paymentArray.some((element) => element.icon === 'cash')) {
+ setOpenWorldmap(true);
+ }
let str = '';
const arrayLength = paymentArray.length;
for (let i = 0; i < arrayLength; i++) {
@@ -498,6 +502,12 @@ const MakerForm = ({
hasRobot={robot.avatarLoaded}
onClickGenerateRobot={onClickGenerateRobot}
/>
+ {
+ setOpenWorldmap(false);
+ }}
+ />