Merge pull request #32 from teacoder-team/dev

Dev

Author: TeaCoder52

src/components/premium/faq.tsx

@@ -20,8 +20,8 @@ const faqs = [
 			<>
 				<p>
 					Да, вы можете оплатить подписку за пределами России с
-					помощью криптовалюты (BTC, USDT, TON), кошелька ЮMoney и
-					банковскими картами. Ниже подробности для разных вариантов:
+					помощью криптовалюты и банковскими картами. Ниже подробности
+					для разных вариантов:
 				</p>
 				<ul className='mt-2 list-inside list-disc space-y-1'>
 					<li>
@@ -33,13 +33,13 @@ const faqs = [
 						Карты таких платёжных систем: Белкарт (Беларусь), АПРА
 						(Абхазия), Express Pay и Корти Милли (Таджикистан).
 					</li>
-					<li>
-						Платежи с карт Visa, MasterCard, UnionPay, American
-						Express принимаются только если карта была выпущена
-						российским банком; оплата по иностранной карте не
-						пройдет.
-					</li>
 				</ul>
+				<p className='mt-2'>
+					Сейчас мы работаем над тем, чтобы добавить возможность
+					оплаты картами Visa, MasterCard и UnionPay, выпущенными за
+					пределами России. Следите за обновлениями - скоро это станет
+					доступно.
+				</p>
 			</>
 		)
 	},
@@ -69,7 +69,20 @@ const faqs = [
 	},
 	{
 		question: 'Что входит в подписку?',
-		answer: 'Подписка предоставляет полный и неограниченный доступ ко всему исходному коду всех проектов, включая все обновления и новые релизы.'
+		answer: (
+			<>
+				<p>
+					Подписка предоставляет полный и неограниченный доступ ко
+					всему исходному коду всех проектов, включая все обновления и
+					новые релизы.
+				</p>
+				<p className='mt-2'>
+					Кроме того, подписка даёт вам значок{' '}
+					<strong>Premium</strong> в таблице лидеров, чтобы другие
+					пользователи сразу видели ваш статус.
+				</p>
+			</>
+		)
 	}
 ]
 

src/components/premium/payment-methods.tsx

@@ -27,9 +27,9 @@ export function PaymentMethods({ control }: PaymentMethodsProps) {
 							onValueChange={field.onChange}
 							className='flex flex-col gap-4'
 						>
-							{/* Доступные методы */}
 							{availableMethods.map(method => {
 								const isSelected = field.value === method.id
+
 								return (
 									<Label
 										key={method.id}

src/components/premium/premium.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { zodResolver } from '@hookform/resolvers/zod'
-import { CodeIcon } from 'lucide-react'
+import { AlertCircle, AlertCircleIcon, CodeIcon } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 import { useState } from 'react'
 import { useForm } from 'react-hook-form'
@@ -67,6 +67,8 @@ export function Premium() {
 		mutate({ method: data.method as InitPaymentRequestMethod })
 	}
 
+	console.log(form.watch('method'))
+
 	return (
 		<>
 			<main className='mx-auto my-20 overflow-x-hidden'>
@@ -136,7 +138,7 @@ export function Premium() {
 								size='lg'
 								className='w-full'
 								isLoading={isLoading}
-								disabled={user?.isPremium}
+								disabled={user?.isPremium || isLoading}
 							>
 								{user?.isPremium
 									? 'У вас уже есть подписка'
@@ -162,6 +164,18 @@ export function Premium() {
 						>
 							<PaymentMethods control={form.control} />
 
+							{[
+								'BANK_CARD',
+								'SBP',
+								'INTERNATIONAL_CARD'
+							].includes(form.watch('method')) && (
+								<p className='mt-4 text-xs text-muted-foreground'>
+									Выбирая данный способ оплаты, вы разрешаете
+									будущие автосписания раз в месяц. Их можно
+									отключить в настройках.
+								</p>
+							)}
+
 							<div className='flex gap-x-3 pt-6'>
 								<Button
 									type='button'

src/constants/payment-methods.ts

@@ -37,7 +37,7 @@ export const PAYMENT_METHODS: PaymentMethod[] = [
 	// },
 
 	{
-		id: 'CRYPTO',
+		id: InitPaymentRequestMethod.CRYPTO,
 		name: 'Криптовалюта',
 		description: 'Оплата с помощью BTC, USDT, TON',
 		icon: BitcoinIcon,