fix/to-show-as-dev

Author: jbpenrath

src/frontend/package-lock.json

@@ -71,7 +71,7 @@
     "@next/swc-linux-x64-gnu": "15.3.2"
   },
   "resolutions": {
-    "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   }
 }

src/frontend/package.json

@@ -1,37 +1,46 @@
-import { SVGProps, useCallback } from "react"
+import { SVGProps, useCallback, useState } from "react"
 import { DriveFile } from "@/pages/drive-selection";
 import { Button, Tooltip } from "@openfun/cunningham-react"
 import { openPicker, type Item } from "@gouvfr-lasuite/drive-sdk";
 import { useTranslation } from "react-i18next";
+import { Spinner } from "@gouvfr-lasuite/ui-kit";
 
 type DriveAttachmentProps = {
     onChange: (attachments: DriveFile[]) => void;
 }
 
 export const DriveAttachment = ({ onChange }: DriveAttachmentProps) => {
     const { t } = useTranslation();
+    const [isLoading, setIsLoading] = useState(false);
 
     const pick = useCallback(async () => {
-        const { items } = await openPicker({
-            url: "http://localhost:3001/sdk",
+        setIsLoading(true);
+        const result = await openPicker({
+            url: "https://fichiers.sardinepq.fr/sdk",
+            apiUrl: "https://fichiers.sardinepq.fr/api/v1.0",
         });
+        setIsLoading(false);
 
-        onChange(items.map((item: Item) => ({
-            id: item.id,
-            name: item.title,
-            url: item.url,
-            type: item.mimetype,
-            size: item.size,
-            created_at: new Date().toISOString(),
-        })));
+        if (result.type === "picked") {
+            onChange(result.items.map((item: Item) => ({
+                id: item.id,
+                name: item.title,
+                url: item.url,
+                type: item.mimetype,
+                size: item.size,
+                created_at: new Date().toISOString(),
+            })));
+        }
     }, []);
-    
+
     return (
         <Tooltip content={t('tooltips.add_attachment_from_drive')}>
         <Button
             color="tertiary"
-            icon={<DriveIcon />}
+            icon={isLoading ? <Spinner size="sm" /> : <DriveIcon />}
             type="button"
+            disabled={isLoading}
+            aria-busy={isLoading}
             onClick={pick}
             />
         </Tooltip>

src/frontend/src/features/forms/components/message-form/drive-attachment.tsx

@@ -69,8 +69,8 @@
         "more_options": "More options",
         "reply": "Reply",
         "forward": "Forward",
-        "add_attachment_from_drive": "Add attachment from Drive",
-        "upload_to_drive": "Upload to Drive"
+        "add_attachment_from_drive": "Add attachment from Fichiers",
+        "upload_to_drive": "Upload to Fichiers"
       },
       "thread-view": {
         "trashed-banner": {
@@ -92,7 +92,7 @@
         "counter_zero": "No attachments",
         "counter_one": "{{count}} attachment",
         "counter_other": "{{count}} attachments",
-        "upload_to_drive_success": "Attachment uploaded to Drive"
+        "upload_to_drive_success": "Attachment uploaded to Fichiers"
       },
       "message_form": {
         "helper_text": {
@@ -298,8 +298,8 @@
         "has_attachments": "Cette email contient une pièce jointe",
         "more_options": "Plus d'options",
         "reply": "Répondre",
-        "add_attachment_from_drive": "Ajouter un pièce jointe depuis Drive",
-        "upload_to_drive": "Sauvegarder dans Drive"
+        "add_attachment_from_drive": "Ajouter un pièce jointe depuis Fichiers",
+        "upload_to_drive": "Sauvegarder dans Fichiers"
       },
       "thread-view": {
         "trashed-banner": {
@@ -321,7 +321,7 @@
         "counter_zero": "Aucune pièce jointe",
         "counter_one": "{{count}} pièce jointe",
         "counter_other": "{{count}} pièces jointes",
-        "upload_to_drive_success": "Pièce jointe sauvegardée dans votre Drive"
+        "upload_to_drive_success": "Pièce jointe sauvegardée dans Fichiers"
       },
       "message_form": {
         "helper_text": {

src/frontend/src/features/i18n/translations.json

@@ -111,20 +111,20 @@ type DriveUploadButtonProps = {
 const DriveUploadButton = ({ attachment }: DriveUploadButtonProps) => {
     const [state, setState] = useState<'idle' | 'busy' | 'success'>('idle');
     const { t } = useTranslation();
-    
+
     const handleUpload = useCallback(async () => {
         setState('busy');
         const file = await fetch(AttachmentHelper.getDownloadUrl(attachment), {
             credentials: "include",
         }).then(res => res.blob());
-        await openSaver({
-            files: [{
-                title: attachment.name,
-                object: file
-            }]
-        }, {
-            url: "http://localhost:3001/sdk",
-        })
+        // await openSaver({
+        //     files: [{
+        //         title: attachment.name,
+        //         object: file
+        //     }]
+        // }, {
+        //     url: "http://localhost:3001/sdk",
+        // })
         setTimeout(() => {
             setState('success');
             setTimeout(() => {