From 2155c2ff1f491bd29d92d770b66971aa70ef0fd8 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Thu, 11 Sep 2025 10:40:43 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20add=20document=20visible?=
 =?UTF-8?q?=20in=20list=20and=20openable=20via=20enter=20key?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

the document now appears in the list and can be opened using the enter key

Signed-off-by: Cyril <c.gromoff@gmail.com>
---
 .../docs/docs-grid/components/DocsGridItem.tsx      | 13 +++++++++++++
 .../apps/impress/src/i18n/translations.json         |  5 +++++
 2 files changed, 18 insertions(+)

diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
index aaf26cd2..8bd04344 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
@@ -1,5 +1,6 @@
 import { Tooltip, useModal } from '@openfun/cunningham-react';
 import { DateTime } from 'luxon';
+import { useRouter } from 'next/router';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
@@ -21,6 +22,7 @@ type DocsGridItemProps = {
 
 export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
   const { t } = useTranslation();
+  const router = useRouter();
   const { isDesktop } = useResponsiveStore();
   const { flexLeft, flexRight } = useResponsiveDocGrid();
   const { spacingsTokens } = useCunninghamTheme();
@@ -33,6 +35,13 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
     shareModal.open();
   };
 
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      void router.push(`/docs/${doc.id}`);
+    }
+  };
+
   return (
     <>
       <Box
@@ -52,6 +61,10 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
           }
         `}
         className="--docs--doc-grid-item"
+        onKeyDown={handleKeyDown}
+        aria-label={t('Open document: {{title}}', {
+          title: doc.title || t('Untitled document'),
+        })}
       >
         <Box
           $flex={flexLeft}
diff --git a/src/frontend/apps/impress/src/i18n/translations.json b/src/frontend/apps/impress/src/i18n/translations.json
index 47fabc6b..861d9d8d 100644
--- a/src/frontend/apps/impress/src/i18n/translations.json
+++ b/src/frontend/apps/impress/src/i18n/translations.json
@@ -372,6 +372,7 @@
       "Open the document options": "Öffnen Sie die Dokumentoptionen",
       "Open the header menu": "Öffne das Kopfzeilen-Menü",
       "Open document actions menu": "Dokumentaktionsmenü öffnen",
+      "Open document: {{title}}": "Dokument öffnen: {{title}}",
       "Main content": "Hauptinhalt",
       "Home content": "Startseiten-Inhalt",
       "Documents grid": "Dokumentenraster",
@@ -478,6 +479,7 @@
       "Cancel the deletion": "Cancel the deletion",
       "Cancel the download": "Cancel the download",
       "Open actions menu for document: {{title}}": "Open actions menu for document: {{title}}",
+      "Open document: {{title}}": "Open document: {{title}}",
       "Open the menu of actions for the document: {{title}}": "Open the menu of actions for the document: {{title}}",
       "Share with {{count}} users_one": "Share with {{count}} user",
       "Shared with {{count}} users_many": "Shared with {{count}} users",
@@ -607,6 +609,7 @@
       "Open the document options": "Abrir las opciones del documento",
       "Open the header menu": "Abrir el menú de encabezado",
       "Open document actions menu": "Abrir menú de acciones del documento",
+      "Open document: {{title}}": "Abrir documento: {{title}}",
       "Main content": "Contenido principal",
       "Home content": "Contenido de inicio",
       "Documents grid": "Lista de documentos",
@@ -839,6 +842,7 @@
       "Open the document options": "Ouvrir les options du document",
       "Open the header menu": "Ouvrir le menu d'en-tête",
       "Open document actions menu": "Ouvrir le menu d'actions du document",
+      "Open document: {{title}}": "Ouvrir le document : {{title}}",
       "Open the menu of actions for the document: {{title}}": "Ouvrir le menu des actions du document : {{title}}",
       "Main content": "Contenu principal",
       "Home content": "Contenu d'accueil",
@@ -1204,6 +1208,7 @@
       "Open the document options": "Open document opties",
       "Open the header menu": "Open het hoofdmenu",
       "Open document actions menu": "Open documentactiemenu",
+      "Open document: {{title}}": "Document openen: {{title}}",
       "Main content": "Hoofdinhoud",
       "Home content": "Startpagina-inhoud",
       "Documents grid": "Documentenraster",