Merged in fix/file-download-page-fix (pull request #12)

На странице скачивания файла исправлено название файла и переход на предыдущую страницу

Approved-by: Александр Васильевич Сироткин

src/App.tsx

@@ -42,7 +42,7 @@ export const App = memo(() => (
 
                         {/* User pages */}
                         <Route element={<UserOutlet />}>
-                            <Route path={'/file_download/:idWell/:idFile/*'} element={<FileDownload />} />
+                            <Route path={'/file_download/:idFile/*'} element={<FileDownload />} />
 
                             <Route element={<LayoutPortal />}>
                                 {/* Admin pages */}

src/pages/FileDownload.jsx

@@ -1,40 +1,30 @@
-import { Link, useNavigate, useParams } from 'react-router-dom'
+import { Link, useLocation, useNavigate, useParams } from 'react-router-dom'
-import { memo, useCallback, useEffect, useState } from 'react'
+import { memo, useCallback, useEffect, useMemo, useState } from 'react'
 import { InfoCircleFilled, CloseCircleOutlined } from '@ant-design/icons'
 import { Button, Result, Typography } from 'antd'
 
 import { downloadFile, invokeWebApiWrapperAsync } from '@components/factory'
 import { withPermissions } from '@utils'
-import { FileService, WellService } from '@api'
+import { FileService } from '@api'
 
 const { Paragraph, Text } = Typography
 
-export const getLinkToFile = (fileInfo) => `/file_download/${fileInfo.idWell}/${fileInfo.id}`
+export const getLinkToFile = (fileInfo) => `/file_download/${fileInfo.id}`
 
 const FileDownload = memo(function FileDownload() {
-    const { idWell, idFile } = useParams()
+    const { idFile } = useParams()
-    const [well, setWell] = useState({})
     const [file, setFile] = useState({})
     const [isError, setIsError] = useState(false)
 
     const navigate = useNavigate()
-
+    const location = useLocation()
-    useEffect(() => {
+    const isFirstOpenApp = useMemo(() => location.key === 'default', [location])
-        invokeWebApiWrapperAsync(
-            async () => setWell(await WellService.get(idWell)),
-            null,
-            'Не удалось получить информацию о скважине',
-            { actionName: 'Получение данных о скважине' }
-        )
-    }, [idWell])
 
     useEffect(() => {
         invokeWebApiWrapperAsync(
             async () => {
-                const files = await FileService.getFilesInfo(idWell)
+                const file = await FileService.getFileInfo(idFile)
-                // TODO Получается только одна категория файлов.
+                setFile(file)
-                // Поменять при появлении метода получения инфы о конкретном файле
-                setFile(files.items.find((file) => file.id === idFile) ?? { id: idFile, idWell, name: `File_${idWell}_${idFile}` })
             },
             null,
             () => {
@@ -43,10 +33,10 @@ const FileDownload = memo(function FileDownload() {
             },
             { actionName: 'Получение информации о файле' }
         )
-    }, [idWell, idFile])
+    }, [idFile])
 
     const download = useCallback(async () => {
-        if (!await downloadFile(file))
+        if (!file || !await downloadFile(file))
             setIsError(true)
     }, [file])
     
@@ -58,13 +48,16 @@ const FileDownload = memo(function FileDownload() {
                 <>
                     Вы перешли к странице загрузки файла!
                     <br />
-                    Файл "{file.name ?? ('№' + idFile)}", скважина "{well.caption ?? ('№' + idWell)}".
+                    Файл "{file?.name ?? ('№' + idFile)}".
                 </>
             )}
             // subTitle={}
             extra={(
                 <>
-                    <Button type={'ghost'} onClick={() => navigate('/')}>Вернуться на главную</Button>
+                    {isFirstOpenApp
+                        ? <Button type={'ghost'} onClick={() => navigate('/')}>Вернуться на главную</Button>
+                        : <Button type={'ghost'} onClick={() => navigate(-1)}>Вернуться на страницу документов</Button>
+                    }
                     <Button type={'primary'} onClick={download}>Загрузить</Button>
                 </>
             )}