From da02d3d756242074a23dc39663f9cb6f2880a9bd Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Thu, 13 Mar 2025 16:25:45 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8(frontend)=20use=20blockquote=20tag?=
 =?UTF-8?q?=20for=20quote=20block?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use the blockquote tag for quote block instead of
a paragraph tag.
---
 .../doc-editor/components/custom-blocks/QuoteBlock.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/QuoteBlock.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/QuoteBlock.tsx
index e5d99802..5624450a 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/QuoteBlock.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/QuoteBlock.tsx
@@ -3,7 +3,7 @@ import { BlockTypeSelectItem, createReactBlockSpec } from '@blocknote/react';
 import { TFunction } from 'i18next';
 import React from 'react';
 
-import { Text } from '@/components';
+import { Box, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
 
 import { DocsBlockNoteEditor } from '../../types';
@@ -23,16 +23,17 @@ export const QuoteBlock = createReactBlockSpec(
       const { colorsTokens } = useCunninghamTheme();
 
       return (
-        <Text
+        <Box
+          as="blockquote"
           className="inline-content"
           $margin="0 0 1rem 0"
           $padding="0.5rem 1rem"
-          $variation="600"
           style={{
             borderLeft: `4px solid ${colorsTokens()['greyscale-300']}`,
             fontStyle: 'italic',
             flexGrow: 1,
           }}
+          $color="var(--c--theme--colors--greyscale-500)"
           ref={props.contentRef}
         />
       );