diff --git a/src/pages/AdminPaymentMethods.tsx b/src/pages/AdminPaymentMethods.tsx index ed44c2f..7d10f56 100644 --- a/src/pages/AdminPaymentMethods.tsx +++ b/src/pages/AdminPaymentMethods.tsx @@ -1,7 +1,9 @@ import { useState, useCallback, useEffect } from 'react'; -import { useNavigate, Link } from 'react-router-dom'; +import { useNavigate } from 'react-router-dom'; import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'; import { useTranslation } from 'react-i18next'; +import { useBackButton } from '../platform/hooks/useBackButton'; +import { usePlatform } from '../platform/hooks/usePlatform'; import { DndContext, KeyboardSensor, @@ -235,6 +237,10 @@ export default function AdminPaymentMethods() { const { t } = useTranslation(); const navigate = useNavigate(); const queryClient = useQueryClient(); + const { capabilities } = usePlatform(); + + // Use native Telegram back button in Mini App + useBackButton(() => navigate('/admin')); const [methods, setMethods] = useState([]); const [orderChanged, setOrderChanged] = useState(false); @@ -318,12 +324,15 @@ export default function AdminPaymentMethods() { {/* Header */}
- - - + {/* Show back button only on web, not in Telegram Mini App */} + {!capabilities.hasBackButton && ( + + )}

{t('admin.paymentMethods.title')}

{t('admin.paymentMethods.description')}