Binary files /dev/null and b/public/images/promo-cards/gpt.png differ
@@ -29,7 +29,15 @@ export function useGlobalSettings() {
 		makePrivateRequest(async (type: string, value: any) => {
 			const option = settings.find((x) => x.type === type)
 
-			if (!option) return showMessage('Ошибка присвоения настроек')
+			if (!option) {
+				// Если настройки нет, создаём её
+				const { status, data: newSetting } = await postUserSettings({ device, type, value })
+
+				if (status !== 200) return showMessage('Ошибка создания настроек')
+
+				setSettings((s) => [...s, newSetting])
+				return
+			}
 
 			const { status } = await updateUserSettings(option.id, value)
 
@@ -37,7 +45,7 @@ export function useGlobalSettings() {
 
 			setSettings((s) => [...s.filter((x) => x.type !== type), { ...option, value }])
 		}),
-		[settings, data]
+		[settings, data, device]
 	)
 
 	const fetchUserSettings = makePrivateRequest(async () => {
@@ -1,6 +1,6 @@
 import SubscriptionPage from '#/views/subscription/ui/subscription'
 import { getDefaultLayout } from '#/widgets/layouts'
 
-SubscriptionPage.getLayout = getDefaultLayout({titlePage: 'Подписка'})
+SubscriptionPage.getLayout = getDefaultLayout({ titlePage: 'Оплата' })
 
 export default SubscriptionPage
@@ -27,7 +27,8 @@ const Home: NextPageWithLayout<HomePageProps> = () => {
 		{
 			title: 'Flux 1.1',
 			image: '/images/promo-cards/flux.png',
-			description: 'Современная нейросеть, способная анализировать данные, обрабатывать информацию и генерировать уникальный контент для различных задач.',
+			description:
+				'Современная нейросеть, способная анализировать данные, обрабатывать информацию и генерировать уникальный контент для различных задач.',
 			routerlink: '/images/flux',
 			buttonText: 'Попробовать',
 		},
@@ -39,10 +40,10 @@ const Home: NextPageWithLayout<HomePageProps> = () => {
 			buttonText: 'Попробовать',
 		},
 		{
-			title: 'Stable Diffusion',
-			image: '/images/promo-cards/stable-diff.png',
-			description: 'Превращайте текстовые описания в реалистичные или художественные изображения.',
-			routerlink: '/images/stablediffusion',
+			title: 'ChatGPT',
+			image: '/images/promo-cards/gpt.png',
+			description: 'Чат-бот, при помощи которого вы сможете найти любой ответ на ваш запрос.',
+			routerlink: '/chat-bot/chatgpt',
 			buttonText: 'Попробовать',
 		},
 		{
@@ -82,4 +83,3 @@ const Home: NextPageWithLayout<HomePageProps> = () => {
 }
 
 export default Home
-
@@ -33,8 +33,11 @@ export const CurrentPlanAndBalance = ({ balance, planTokenLimit, planPrice, isIn
 	return (
 		<Stack className={styles.balanceContainer} gap={'20px'}>
 			<Box className={styles.balanceBox}>
-				<Typography className={styles.subTitle} sx={{ marginBottom: '15px' }}>
-					Моя подписка
+				<Typography
+					className={styles.subTitle}
+					sx={{ marginBottom: '15px', visibility: !formatterdPlanPrice.includes('₽') ? 'hidden' : 'visible' }}
+				>
+					Последняя оплата
 				</Typography>
 				<Stack>
 					<Typography className={styles.title} sx={{ marginBottom: '10px' }}>
@@ -42,9 +45,6 @@ export const CurrentPlanAndBalance = ({ balance, planTokenLimit, planPrice, isIn
 					</Typography>
 					<Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'} className={styles.planInfoRow}>
 						<Typography className={styles.subTitle}>{formatterdPlanPrice}</Typography>
-						{/* <Typography className={styles.subTitle}>
-                            {formatterdPlanPrice !== 'Стартовый тариф' && 'Следующее списание: отсутствует'}
-                        </Typography> */}
 					</Stack>
 				</Stack>
 			</Box>
@@ -58,7 +58,6 @@ export const CurrentPlanAndBalance = ({ balance, planTokenLimit, planPrice, isIn
 					justifyContent='space-between'
 				>
 					<Typography sx={{ fontWeight: 600 }}>{declineToken(balance.toString())}</Typography>
-					{/* <Typography className='color-gray'>{balance >= 100 ? 100 : balance} %</Typography> */}
 					<Typography className='color-gray'>{Math.round(percentage)} %</Typography>
 				</Box>
 				<BorderLinearProgress variant='determinate' value={percentage} />
@@ -81,12 +81,10 @@ const Offer: React.FC<IOfferProps> = ({ uid, tokens_per_plan, price, grouped_fea
 					className={`${styles.tarif_btn} ${isCurrentSubscription ? styles.tarif_btn_current : ''}`}
 					onClick={(e) => {
 						e.stopPropagation()
-						if (!isCurrentSubscription) {
-							pay(uid)
-						}
+						pay(uid)
 					}}
 				>
-					{isCurrentSubscription ? 'Текущая подписка' : 'Оплатить'}
+					Оплатить
 				</Box>
 			</Box>
 		</Box>
@@ -60,7 +60,7 @@ const SubscriptionPage: NextPageWithLayout = () => {
 	return (
 		<Box className={styles.container}>
 			<Box sx={{ marginTop: '20px', marginBottom: '20px' }}>
-				<Typography sx={{ fontSize: 35, fontWeight: '600' }}>Подписка</Typography>
+				<Typography sx={{ fontSize: 35, fontWeight: '600' }}>Оплата</Typography>
 			</Box>
 
 			<CurrentPlanAndBalance balance={balance} planPrice={planPrice} planTokenLimit={planTokenLimit} isIndividual={isIndividual} />
@@ -25,7 +25,7 @@ export const menuListTop = [
 	{ title: 'Главная', link: '/', icon: '/svg/side-menu/home-page', activeList: [] },
 	{ title: 'Дашборд', link: '/dashboard', icon: '/svg/side-menu/market', activeList: ['dashboard'] },
 	{
-		title: 'Подписка',
+		title: 'Оплата',
 		link: '/subscription',
 		icon: '/svg/side-menu/star',
 		activeList: ['subscribe'],
@@ -123,15 +123,11 @@ export const SideMenu = ({}) => {
 	const business_error_report = getModalById(BUSINESS_ERROR_REPORT)
 	const match = useMediaQuery('(min-height:800px)')
 
-	const open = useMemo(() => getOptionValue('sidemenu', { sidemenu_state: 'opened' }).sidemenu_state, [settings])
-
-	useEffect(() => {
-		if (isNextStepVisible) updateSettings('sidemenu', { sidemenu_state: 'closed' })
-	}, [isNextStepVisible, updateSettings])
+	const open = useMemo(() => getOptionValue('sidemenu', { sidemenu_state: 'closed' }).sidemenu_state, [settings])
 
 	const filteredMenuListTop = useMemo(() => {
 		return menuListTop.filter((item) => {
-			if (item.title === 'Главная' || item.title === 'Подписка') {
+			if (item.title === 'Главная' || item.title === 'Оплата') {
 				return ['business_host', 'regular'].includes(account_type)
 			}
 
@@ -177,58 +173,38 @@ export const SideMenu = ({}) => {
 				anchor='left'
 				open={open === 'opened'}
 			>
-			<DrawerHeader
-				sx={{
-					display: 'flex',
-					flexDirection: 'column',
-					padding: '12px 0px 0px',
-					justifyContent: 'center',
-				}}
-			>
-				<Box
-					onClick={handleToggleOpen}
-					width='100%'
-					display={'flex'}
-					alignItems={'center'}
-					justifyContent='space-between'
+				<DrawerHeader
+					sx={{
+						display: 'flex',
+						flexDirection: 'column',
+						padding: '12px 0px 0px',
+						justifyContent: 'center',
+					}}
 				>
-					<Image style={{ cursor: 'pointer', marginLeft: 23 }} priority src='/logo.svg' height={26} width={31} alt='Error' />
+					<Box onClick={handleToggleOpen} width='100%' display={'flex'} alignItems={'center'} justifyContent='space-between'>
+						<Image style={{ cursor: 'pointer', marginLeft: 23 }} priority src='/logo.svg' height={26} width={31} alt='Error' />
 
-					<Image
-						style={{
-							cursor: 'pointer',
-							marginTop: 5,
-							marginLeft: -1,
-							marginRight: 5,
-							transition: 'transform 0.4s ease',
-							transform: open === 'closed' ? 'rotate(180deg)' : 'rotate(0deg)',
-						}}
-						src={'/arrow-left.svg'}
-						width={20}
-						height={13}
-						alt={' '}
-					/>
-				</Box>
-			</DrawerHeader>
-			{status === 'authenticated' && (
-				<Box display={'flex'} justifyContent={'space-between'} flexDirection={'column'} sx={{ height:'90%' }}>
-					<Box>
-						<List sx={{ padding: 0 }}>
-						{filteredMenuListTop.map((el) => {
-								return (
-									<MenuItem
-										key={el.title}
-										open={open === 'opened'}
-										pathname={asPath}
-										title={el.title}
-										link={el.link}
-										icon={el.icon}
-										activeList={el.activeList}
-									/>
-								)
-							})}
-							<Box sx={{ marginTop: 1.5 }}>
-								{menuListMiddle.map((el) => {
+						<Image
+							style={{
+								cursor: 'pointer',
+								marginTop: 5,
+								marginLeft: -1,
+								marginRight: 5,
+								transition: 'transform 0.4s ease',
+								transform: open === 'closed' ? 'rotate(180deg)' : 'rotate(0deg)',
+							}}
+							src={'/arrow-left.svg'}
+							width={20}
+							height={13}
+							alt={' '}
+						/>
+					</Box>
+				</DrawerHeader>
+				{status === 'authenticated' && (
+					<Box display={'flex'} justifyContent={'space-between'} flexDirection={'column'} sx={{ height: '90%' }}>
+						<Box>
+							<List sx={{ padding: 0 }}>
+								{filteredMenuListTop.map((el) => {
 									return (
 										<MenuItem
 											key={el.title}
@@ -241,65 +217,78 @@ export const SideMenu = ({}) => {
 										/>
 									)
 								})}
-							</Box>
-						</List>
-						<Box sx={{ marginTop: 1.5 }}>
-							<Box
-								onClick={() => {
-									error_report.setState(true)
-								}}
-							>
-								<MenuItem
-									open={open === 'opened'}
-									pathname={pathname}
-									title={'Поддержка'}
-									link={null}
-									icon={'/svg/side-menu/side-question'}
-								/>
-							</Box>
-							<Box
-								onClick={() => {
-									business_error_report.setState(true)
-								}}
-							>
+								<Box sx={{ marginTop: 1.5 }}>
+									{menuListMiddle.map((el) => {
+										return (
+											<MenuItem
+												key={el.title}
+												open={open === 'opened'}
+												pathname={asPath}
+												title={el.title}
+												link={el.link}
+												icon={el.icon}
+												activeList={el.activeList}
+											/>
+										)
+									})}
+								</Box>
+							</List>
+							<Box sx={{ marginTop: 1.5 }}>
+								<Box
+									onClick={() => {
+										error_report.setState(true)
+									}}
+								>
+									<MenuItem
+										open={open === 'opened'}
+										pathname={pathname}
+										title={'Поддержка'}
+										link={null}
+										icon={'/svg/side-menu/side-question'}
+									/>
+								</Box>
+								<Box
+									onClick={() => {
+										business_error_report.setState(true)
+									}}
+								>
+									<MenuItem
+										open={open === 'opened'}
+										pathname={pathname}
+										title={'Компаниям'}
+										link={null}
+										icon={'/svg/side-menu/for-business'}
+									/>
+								</Box>
 								<MenuItem
 									open={open === 'opened'}
 									pathname={pathname}
-									title={'Компаниям'}
-									link={null}
-									icon={'/svg/side-menu/for-business'}
+									title={'API-ключи'}
+									link={'/api-keys'}
+									icon={'/svg/side-menu/api-keys'}
 								/>
 							</Box>
-							<MenuItem
-								open={open === 'opened'}
-								pathname={pathname}
-								title={'API-ключи'}
-								link={'/api-keys'}
-								icon={'/svg/side-menu/api-keys'}
-							/>
-
+						</Box>
+						<Box sx={{ position: 'absolute', bottom: 5, width: '100%', left: open === 'opened' ? 25 : 0 }}>
+							{open === 'opened' && (
+								<Box sx={{ width: 'fit-content' }}>
+									<Link href={'https://air.fail/requisites'} target='_blank'>
+										<Typography
+											className='title-main-gray'
+											sx={{
+												fontSize: 14,
+												marginBottom: '7px',
+												textDecorationStyle: 'dashed',
+											}}
+										>
+											Реквизиты
+										</Typography>
+									</Link>
+								</Box>
+							)}
 						</Box>
 					</Box>
-					<Box sx={{ position: 'absolute', bottom: 5, width: '100%', left: open === 'opened' ? 25 : 0 }}>
-						{open === 'opened' && (
-							<Box sx={{ width: 'fit-content' }}>
-								<Link href={'https://air.fail/requisites'} target='_blank'>
-									<Typography
-										className='title-main-gray'
-										sx={{
-											fontSize: 14,
-											marginBottom: '7px',
-											textDecorationStyle: 'dashed',
-										}}
-									>
-										Реквизиты
-									</Typography>
-								</Link>
-							</Box>
-						)}
-			</Box>
-				</Box>
-			)}
+				)}
 			</Drawer>
 		</>
 	)