feat: change logs endpoint

CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 -   LogsModal now use a key so we can use logs not linked with a compute task (#270)
 -   Replace `function.function` by `function.archive` (#296)
 -   Update task statuses to reflect the updates in the backend (#297)
+-   LogsModel now use the latest endpoint (#298)
 
 ## [0.46.0] - 2023-10-18
 

src/paths.ts

@@ -34,7 +34,7 @@ export const API_PATHS = {
     INFO: '/info/',
     LOGIN: '/me/login/?format=json',
     LOGOUT: '/me/logout/',
-    LOGS: '/logs/:key/file/',
+    LOGS: '/task/:key/logs/',
     METADATA: '/compute_plan_metadata/',
     NEWS_FEED: '/news_feed/',
     ORGANIZATIONS: '/organization/',

src/routes/tasks/components/ErrorAlert.tsx

@@ -96,7 +96,7 @@ const ErrorAlert = ({ task }: { task: TaskT }): JSX.Element | null => {
                     <LogsModal
                         isOpen={isOpen}
                         onClose={onClose}
-                        reportKey={task.function.key}
+                        taskKey={task.key}
                     />
                 </>
             );
@@ -146,7 +146,7 @@ const ErrorAlert = ({ task }: { task: TaskT }): JSX.Element | null => {
                     <LogsModal
                         isOpen={isOpen}
                         onClose={onClose}
-                        reportKey={task.key}
+                        taskKey={task.key}
                     />
                 </>
             );

src/routes/tasks/components/LogsModal.tsx

@@ -26,16 +26,16 @@ const CodeHighlighter = React.lazy(
 type LogsModalProps = {
     isOpen: boolean;
     onClose: () => void;
-    reportKey: string;
+    taskKey: string;
 };
-const LogsModal = ({ isOpen, onClose, reportKey }: LogsModalProps) => {
+const LogsModal = ({ isOpen, onClose, taskKey }: LogsModalProps) => {
     const initialFocusRef = useRef(null);
 
     const { logs, fetchingLogs, fetchLogs } = useTaskStore();
 
     useEffect(() => {
-        fetchLogs(reportKey);
-    }, [fetchLogs, reportKey]);
+        fetchLogs(taskKey);
+    }, [fetchLogs, taskKey]);
 
     return (
         <Modal
@@ -72,9 +72,9 @@ const LogsModal = ({ isOpen, onClose, reportKey }: LogsModalProps) => {
                         />
                         <DownloadIconButton
                             storageAddress={compilePath(API_PATHS.LOGS, {
-                                key: reportKey,
+                                key: taskKey,
                             })}
-                            filename={`logs_${reportKey}`}
+                            filename={`logs_${taskKey}`}
                             aria-label="Download logs"
                             variant="ghost"
                         />