@@ -1,36 +0,0 @@
-.wrap {
-	display: flex;
-	overflow: hidden;
-	width: 100%;
-	flex-wrap: wrap;
-	gap: 20px;
-	@media (max-width: 766px) {
-		height: 70vh;
-		width: 100%;
-		overflow-y: scroll;
-		text-align: center;
-		justify-content: center;
-	}
-	div {
-		margin-right: 10px;
-		@media (max-width: 766px) {
-			width: 100%;
-		}
-
-		.image {
-			margin:10px auto;
-			width: 250px;
-			height: 250px;
-			border-radius: 15px !important;
-		}
-
-		@media (max-width: 1700px) {
-
-		}
-
-		@media (max-width: 766px) {
-			text-align: center;
-			width: 80%;
-		}
-	}
-}
@@ -1,274 +0,0 @@
-import React, { memo, useEffect, useState } from 'react'
-import { Simulate } from 'react-dom/test-utils'
-import { Divider, Menu, MenuItem, Typography } from '@mui/material'
-import Box from '@mui/material/Box'
-import axios from 'axios'
-import Image from 'next/image'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-
-import { ContextMenu } from '@/src/features/context-menu/context_menu'
-import FullScreenModal from '@/src/features/image-modal/full-screen-modal'
-import { useAppSelector } from '@/src/main/store/store'
-import { TooltipCustom, useShowData } from '@/src/shared'
-import { useAutoScroll } from '@/src/shared/lib/hooks'
-import { Message } from '@/src/shared/lib/types/model'
-
-import styles from './dalle-messages-list.module.scss'
-import copy = Simulate.copy
-import useContextMenu from '@/src/shared/api/models/useContextMenu'
-
-interface IDalleMessagesList {
-	device: 'mobile' | 'desktop'
-	images: Message[] | null
-}
-
-export const MessagesList: React.FC<IDalleMessagesList> = memo(({ device, images }) => {
-	const refScroll = useAutoScroll(images)
-	const { error, showError } = useShowData()
-	const [modal, setModal] = useState<boolean>(false)
-	const [chosenImage, setChosenImage] = useState<string>('')
-	const theme = useAppSelector((state) => state.theme.theme)
-	const [currentMessage, setCurrentMessage] = React.useState<Message>()
-	const { clicked, setClicked, points, setPoints } = useContextMenu()
-	const router = useRouter()
-
-	const downloadFile = (url: string | null, content: string | undefined) => {
-		if (url) {
-			showError('Скачиваем...', false)
-			fetch(url)
-				.then((response) => response.blob())
-				.then((blob) => {
-					const url = window.URL.createObjectURL(blob)
-					const link = document.createElement('a')
-					link.href = url
-					const image_name = content?.replaceAll(' ', '_').substring(0, 40)
-					link.setAttribute('download', `${image_name}`)
-					document.body.appendChild(link)
-					link.click()
-				})
-				.catch((error) => {
-					showError('Что-то пошло не так', true)
-				})
-		} else {
-			showError('Изображение не найдено', true)
-		}
-	}
-
-	const handleClose = () => {
-		setClicked(false)
-	}
-
-	return (
-		<>
-			<FullScreenModal modal={modal} setModal={setModal} image={chosenImage} />
-
-			<Box className={'mt-15'}>
-				<Typography
-					sx={{
-						paddingBottom: '30px',
-						fontSize: '16px',
-						color: '#A4AAB5',
-						fontWeight: '600',
-						letterSpacing: '0.3px',
-					}}
-				>
-					МОИ ГЕНЕРАЦИИ
-				</Typography>
-
-				<Box
-					id={'messages-list'}
-					sx={{
-						display: 'flex',
-						flexWrap: 'wrap',
-						alignItems: 'center',
-						gap: '20px',
-						justifyContent: device === 'mobile' ? 'center' : 'start',
-					}}
-				>
-					{images?.length !== 0 &&
-						Array.isArray(images) &&
-						images.map((message) => {
-							//@ts-ignore
-							const isZip = message.file && message.file.includes('.zip')
-							return (
-								<Box
-									key={message.uid}
-									sx={{ position: 'relative' }}
-									onContextMenu={(e) => {
-										e.preventDefault()
-										setClicked(true)
-										setCurrentMessage(message)
-										setPoints({ x: e.pageX, y: e.pageY })
-									}}
-								>
-									{isZip ? (
-										<Box
-											display='flex'
-											alignItems='center'
-											justifyContent='center'
-											sx={{
-												border: '1px solid #8280FF',
-												borderRadius: 15,
-												width: 240,
-												height: 260,
-											}}
-										>
-											<Box textAlign='center'>
-												<Typography>Эта генерация является архивом</Typography>
-												<Typography color='#8280FF' marginTop={2}>
-													<Link href={message.file!.toString()}>Скачать</Link>
-												</Typography>
-											</Box>
-										</Box>
-									) : (
-										<Box>
-											<div
-												style={{
-													cursor: 'pointer',
-													width: device === 'desktop' ? '250px' : '100%',
-													height: device === 'desktop' ? '250px' : '100%',
-												}}
-												onClick={() => {
-													setChosenImage(message.file as unknown as string)
-													setModal(true)
-												}}
-											>
-												<Image
-													className={styles.image}
-													style={{
-														borderRadius: 15,
-														width: device === 'desktop' ? '250px' : '100%',
-														height: device === 'desktop' ? '250px' : '100%',
-													}}
-													width={500}
-													height={500}
-													src={(message.file as unknown as string) || ''}
-													alt={'К сожалению, изображение не загрузилось'}
-												/>
-											</div>
-											<TooltipCustom
-												key={message.uid}
-												placement='right'
-												title={message.content.length > 30 ? message.content : ''}
-											>
-												<Typography
-													sx={{
-														fontSize: '15px',
-														maxWidth: device === 'desktop' ? '250px' : '100%',
-														marginTop: '12px',
-														color: theme === 'dark' ? '#A4AAB5' : '#555556',
-													}}
-												>
-													{message?.content !== '""'
-														? message?.content.replaceAll('"', '').slice(0, 30)
-														: 'описание отсутствует'}
-													{message?.content.length > 30 && '...'}
-												</Typography>
-											</TooltipCustom>
-										</Box>
-									)}
-								</Box>
-							)
-						})}
-					{/*{clicked && (*/}
-					{/*	<ContextMenu clicked={clicked} handleClose={handleClose} pointX={points.x} pointY={points.y}>*/}
-					{/*		<MenuItem*/}
-					{/*			autoFocus={false}*/}
-					{/*			onClick={() => {*/}
-					{/*				downloadFile(currentMessage?.file ? currentMessage?.file.toString() : '', currentMessage?.content)*/}
-					{/*				handleClose()*/}
-					{/*			}}*/}
-					{/*			sx={{*/}
-					{/*				fontSize: '16px',*/}
-					{/*				display: 'flex',*/}
-					{/*				gap: '12px',*/}
-					{/*				alignItems: 'center',*/}
-					{/*				color: '#8280FF',*/}
-					{/*				marginBottom: '3px',*/}
-					{/*				'&:hover': {*/}
-					{/*					background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*				},*/}
-					{/*			}}*/}
-					{/*		>*/}
-					{/*			<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*				<path*/}
-					{/*					d='M1.00049 13.0005V14.0005C1.00049 14.7961 1.31656 15.5592 1.87917 16.1218C2.44178 16.6844 3.20484 17.0005 4.00049 17.0005H14.0005C14.7961 17.0005 15.5592 16.6844 16.1218 16.1218C16.6844 15.5592 17.0005 14.7961 17.0005 14.0005V13.0005M13.0005 9.00049L9.00049 13.0005M9.00049 13.0005L5.00049 9.00049M9.00049 13.0005V1.00049'*/}
-					{/*					stroke='#8280FF'*/}
-					{/*					strokeWidth='2'*/}
-					{/*					strokeLinecap='round'*/}
-					{/*					strokeLinejoin='round'*/}
-					{/*				/>*/}
-					{/*			</svg>*/}
-					{/*			Скачать*/}
-					{/*		</MenuItem>*/}
-					{/*		<MenuItem*/}
-					{/*			autoFocus={false}*/}
-					{/*			onClick={() => {*/}
-					{/*				window.open(`${currentMessage?.file ? currentMessage?.file.toString() : ''}`, '_blank')*/}
-					{/*				handleClose()*/}
-					{/*			}}*/}
-					{/*			sx={{*/}
-					{/*				fontSize: '16px',*/}
-					{/*				display: 'flex',*/}
-					{/*				gap: '12px',*/}
-					{/*				alignItems: 'center',*/}
-					{/*				color: '#8280FF',*/}
-					{/*				marginBottom: currentMessage?.content && currentMessage?.content.length > 3 ? '3px' : '',*/}
-					{/*				'&:hover': {*/}
-					{/*					background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*				},*/}
-					{/*			}}*/}
-					{/*		>*/}
-					{/*			<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*				<path*/}
-					{/*					d='M7 3H3C2.46957 3 1.96086 3.21071 1.58579 3.58579C1.21071 3.96086 1 4.46957 1 5V15C1 15.5304 1.21071 16.0391 1.58579 16.4142C1.96086 16.7893 2.46957 17 3 17H13C13.5304 17 14.0391 16.7893 14.4142 16.4142C14.7893 16.0391 15 15.5304 15 15V11M11 1H17M17 1V7M17 1L7 11'*/}
-					{/*					stroke='#8280FF'*/}
-					{/*					strokeWidth='2'*/}
-					{/*					strokeLinecap='round'*/}
-					{/*					strokeLinejoin='round'*/}
-					{/*				/>*/}
-					{/*			</svg>*/}
-					{/*			Открыть в новой вкладке*/}
-					{/*		</MenuItem>*/}
-					{/*		{currentMessage?.content && currentMessage?.content.length > 3 ? (*/}
-					{/*			<MenuItem*/}
-					{/*				autoFocus={false}*/}
-					{/*				onClick={() => {*/}
-					{/*					navigator.clipboard.writeText(currentMessage.content)*/}
-					{/*					handleClose()*/}
-					{/*				}}*/}
-					{/*				sx={{*/}
-					{/*					fontSize: '16px',*/}
-					{/*					display: 'flex',*/}
-					{/*					gap: '12px',*/}
-					{/*					alignItems: 'center',*/}
-					{/*					color: '#8280FF',*/}
-					{/*					'&:hover': {*/}
-					{/*						background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*					},*/}
-					{/*				}}*/}
-					{/*			>*/}
-					{/*				<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*					<path*/}
-					{/*						d='M5.5 14.5H3.25C2.65326 14.5 2.08097 14.2629 1.65901 13.841C1.23705 13.419 1 12.8467 1 12.25V3.25C1 2.65326 1.23705 2.08097 1.65901 1.65901C2.08097 1.23705 2.65326 1 3.25 1H12.25C12.8467 1 13.419 1.23705 13.841 1.65901C14.2629 2.08097 14.5 2.65326 14.5 3.25V5.5M7.75 19H16.75C17.3467 19 17.919 18.7629 18.341 18.341C18.7629 17.919 19 17.3467 19 16.75V7.75C19 7.15326 18.7629 6.58097 18.341 6.15901C17.919 5.73705 17.3467 5.5 16.75 5.5H7.75C7.15326 5.5 6.58097 5.73705 6.15901 6.15901C5.73705 6.58097 5.5 7.15326 5.5 7.75V16.75C5.5 17.3467 5.73705 17.919 6.15901 18.341C6.58097 18.7629 7.15326 19 7.75 19Z'*/}
-					{/*						stroke='#8280FF'*/}
-					{/*						strokeWidth='2'*/}
-					{/*						strokeLinecap='round'*/}
-					{/*						strokeLinejoin='round'*/}
-					{/*					/>*/}
-					{/*				</svg>*/}
-					{/*				Копировать описание*/}
-					{/*			</MenuItem>*/}
-					{/*		) : (*/}
-					{/*			<></>*/}
-					{/*		)}*/}
-					{/*	</ContextMenu>*/}
-					{/*)}*/}
-				</Box>
-			</Box>
-		</>
-	)
-})
-
-MessagesList.displayName = 'DalleMessagesList'
@@ -8,7 +8,6 @@ export { ButtonUI } from './ui/button/button'
 export { ButtonGray } from './ui/button/button-gray'
 export { CheckBoxAgreeWithRules } from './ui/check-box-agree-with-rules'
 export { DalleFilterMenu } from './ui/dalle-filter-menu'
-export { MessagesList } from './ui/dalle-messages-list/ui/dalle-messages-list'
 export * from './ui/drawer'
 export { Error } from './ui/error'
 export * from './ui/graphics-main-page'
@@ -6,7 +6,8 @@ import Link from 'next/link'
 
 import FullScreenModal from '@/src/features/image-modal/full-screen-modal'
 import { useAppSelector } from '@/src/main/store/store'
-import { TooltipCustom, useShowData } from '@/src/shared'
+import { Success, TooltipCustom, useShowData } from '@/src/shared'
+import { useAutoScroll } from '@/src/shared/lib/hooks'
 import { Message } from '@/src/shared/lib/types/model'
 
 import styles from './image-messages-list.module.scss'
@@ -18,7 +19,7 @@ interface MessagesList {
 }
 
 export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images }) => {
-	const { error, showError } = useShowData()
+	const { error, showError, isError } = useShowData()
 	const [modal, setModal] = useState<boolean>(false)
 	const [chosenImage, setChosenImage] = useState<string>('')
 	const theme = useAppSelector((state) => state.theme.theme)
@@ -27,14 +28,14 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images
 
 	const downloadFile = (url: string | null, content: string | undefined) => {
 		if (url) {
-			showError('Скачиваем...', false)
 			fetch(url)
 				.then((response) => response.blob())
 				.then((blob) => {
 					const url = window.URL.createObjectURL(blob)
 					const link = document.createElement('a')
 					link.href = url
-					const image_name = content?.replaceAll(' ', '_').substring(0, 40)
+					// const image_name = '123'
+					const image_name = content?.replaceAll(' ', '_').substring(0, 25)
 					link.setAttribute('download', `${image_name}`)
 					document.body.appendChild(link)
 					link.click()
@@ -140,7 +141,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images
 	return (
 		<>
 			<FullScreenModal modal={modal} setModal={setModal} image={chosenImage} />
-
+			<Success message={error} open={Boolean(error)} isError={isError} />
 			<Box className={'mt-15'}>
 				<Typography
 					sx={{
@@ -293,100 +294,6 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images
 								</Box>
 							)
 						})}
-					{/*{clicked && (*/}
-					{/*	<ContextMenu clicked={clicked} handleClose={handleClose} pointX={points.x} pointY={points.y}>*/}
-					{/*		<MenuItem*/}
-					{/*			autoFocus={false}*/}
-					{/*			onClick={() => {*/}
-					{/*				downloadFile(currentMessage?.file ? currentMessage?.file.toString() : '', currentMessage?.content)*/}
-					{/*				handleClose()*/}
-					{/*			}}*/}
-					{/*			sx={{*/}
-					{/*				fontSize: '16px',*/}
-					{/*				display: 'flex',*/}
-					{/*				gap: '12px',*/}
-					{/*				alignItems: 'center',*/}
-					{/*				color: '#8280FF',*/}
-					{/*				marginBottom: '3px',*/}
-					{/*				'&:hover': {*/}
-					{/*					background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*				},*/}
-					{/*			}}*/}
-					{/*		>*/}
-					{/*			<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*				<path*/}
-					{/*					d='M1.00049 13.0005V14.0005C1.00049 14.7961 1.31656 15.5592 1.87917 16.1218C2.44178 16.6844 3.20484 17.0005 4.00049 17.0005H14.0005C14.7961 17.0005 15.5592 16.6844 16.1218 16.1218C16.6844 15.5592 17.0005 14.7961 17.0005 14.0005V13.0005M13.0005 9.00049L9.00049 13.0005M9.00049 13.0005L5.00049 9.00049M9.00049 13.0005V1.00049'*/}
-					{/*					stroke='#8280FF'*/}
-					{/*					strokeWidth='2'*/}
-					{/*					strokeLinecap='round'*/}
-					{/*					strokeLinejoin='round'*/}
-					{/*				/>*/}
-					{/*			</svg>*/}
-					{/*			Скачать*/}
-					{/*		</MenuItem>*/}
-					{/*		<MenuItem*/}
-					{/*			autoFocus={false}*/}
-					{/*			onClick={() => {*/}
-					{/*				window.open(`${currentMessage?.file ? currentMessage?.file.toString() : ''}`, '_blank')*/}
-					{/*				handleClose()*/}
-					{/*			}}*/}
-					{/*			sx={{*/}
-					{/*				fontSize: '16px',*/}
-					{/*				display: 'flex',*/}
-					{/*				gap: '12px',*/}
-					{/*				alignItems: 'center',*/}
-					{/*				color: '#8280FF',*/}
-					{/*				marginBottom: currentMessage?.content && currentMessage?.content.length > 3 ? '3px' : '',*/}
-					{/*				'&:hover': {*/}
-					{/*					background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*				},*/}
-					{/*			}}*/}
-					{/*		>*/}
-					{/*			<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*				<path*/}
-					{/*					d='M7 3H3C2.46957 3 1.96086 3.21071 1.58579 3.58579C1.21071 3.96086 1 4.46957 1 5V15C1 15.5304 1.21071 16.0391 1.58579 16.4142C1.96086 16.7893 2.46957 17 3 17H13C13.5304 17 14.0391 16.7893 14.4142 16.4142C14.7893 16.0391 15 15.5304 15 15V11M11 1H17M17 1V7M17 1L7 11'*/}
-					{/*					stroke='#8280FF'*/}
-					{/*					strokeWidth='2'*/}
-					{/*					strokeLinecap='round'*/}
-					{/*					strokeLinejoin='round'*/}
-					{/*				/>*/}
-					{/*			</svg>*/}
-					{/*			Открыть в новой вкладке*/}
-					{/*		</MenuItem>*/}
-					{/*		{currentMessage?.content && currentMessage?.content.length > 3 ? (*/}
-					{/*			<MenuItem*/}
-					{/*				autoFocus={false}*/}
-					{/*				onClick={() => {*/}
-					{/*					navigator.clipboard.writeText(currentMessage.content)*/}
-					{/*					handleClose()*/}
-					{/*				}}*/}
-					{/*				sx={{*/}
-					{/*					fontSize: '16px',*/}
-					{/*					display: 'flex',*/}
-					{/*					gap: '12px',*/}
-					{/*					alignItems: 'center',*/}
-					{/*					color: '#8280FF',*/}
-					{/*					'&:hover': {*/}
-					{/*						background: theme === 'dark' ? '#313138' : '#eaeaea',*/}
-					{/*					},*/}
-					{/*				}}*/}
-					{/*			>*/}
-					{/*				<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>*/}
-					{/*					<path*/}
-					{/*						d='M5.5 14.5H3.25C2.65326 14.5 2.08097 14.2629 1.65901 13.841C1.23705 13.419 1 12.8467 1 12.25V3.25C1 2.65326 1.23705 2.08097 1.65901 1.65901C2.08097 1.23705 2.65326 1 3.25 1H12.25C12.8467 1 13.419 1.23705 13.841 1.65901C14.2629 2.08097 14.5 2.65326 14.5 3.25V5.5M7.75 19H16.75C17.3467 19 17.919 18.7629 18.341 18.341C18.7629 17.919 19 17.3467 19 16.75V7.75C19 7.15326 18.7629 6.58097 18.341 6.15901C17.919 5.73705 17.3467 5.5 16.75 5.5H7.75C7.15326 5.5 6.58097 5.73705 6.15901 6.15901C5.73705 6.58097 5.5 7.15326 5.5 7.75V16.75C5.5 17.3467 5.73705 17.919 6.15901 18.341C6.58097 18.7629 7.15326 19 7.75 19Z'*/}
-					{/*						stroke='#8280FF'*/}
-					{/*						strokeWidth='2'*/}
-					{/*						strokeLinecap='round'*/}
-					{/*						strokeLinejoin='round'*/}
-					{/*					/>*/}
-					{/*				</svg>*/}
-					{/*				Копировать описание*/}
-					{/*			</MenuItem>*/}
-					{/*		) : (*/}
-					{/*			<></>*/}
-					{/*		)}*/}
-					{/*	</ContextMenu>*/}
-					{/*)}*/}
 				</Box>
 			</Box>
 		</>