hightlight selected line

Cour-de-cassation · Aug 2, 2024 · e90bc4c · e90bc4c
1 parent 6b57f2b
commit e90bc4c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/...ntAnnotator/DocumentPanel/AnnotationCreationTooltipMenu/AnnotationCreationTooltipMenu.tsx b/...ntAnnotator/DocumentPanel/AnnotationCreationTooltipMenu/AnnotationCreationTooltipMenu.tsx
@@ -169,7 +169,7 @@ function AnnotationCreationTooltipMenu(props: {
         color: theme.colors.default.hoveredTextColor,
         padding: '2px 4px',
         borderRadius: '3px',
-        whiteSpace: 'pre-wrap', // Preserve line breaks
+        whiteSpace: 'pre-wrap',
       },
       checkboxContainer: {
         alignSelf: 'flex-start',

diff --git a/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentLine.tsx b/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentLine.tsx
@@ -23,7 +23,7 @@ function DocumentLine(props: {
   const textColor = isLineHighlighted() ? 'textPrimary' : 'textSecondary';
 
   return (
-    <tr id={`line${props.line}`}>
+    <tr id={`line${props.line}`} style={props.isHighlighted ? styles.selectedLine : {}}>
       <td style={styles.lineNumberCell} onClick={() => props.onLineClick(props.line)}>
         <Text variant="body2" color={props.isHighlighted ? 'textPrimary' : 'textSecondary'}>
           {props.line ?? '[…]'}
@@ -73,5 +73,8 @@ function buildStyles(theme: customThemeType) {
     lineTextCell: {
       overflowWrap: 'anywhere',
     },
+    selectedLine: {
+      backgroundColor: theme.colors.default.background,
+    },
   } as const;
 }
diff --git a/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentText.tsx b/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentText.tsx
@@ -58,7 +58,6 @@ function DocumentText(props: propsType): ReactElement {
   }
 
   function getValidSelection(selection: Selection | null) {
-    console.log(selection?.toString());
     if (!selection) {
       return [];
     }
@@ -77,8 +76,6 @@ function DocumentText(props: propsType): ReactElement {
     }
     if (anchorNodeValue === focusNodeValue) {
       //cette condition entraine un bug si on cherche a créer une annotation sur plusieurs lignes qui commence et qui termine par le même mot, en effet la condition sera vraie alors qu'il sagirat d'un anchor et d'un focus différent
-      console.log('anchorNodeValue === focusNodeValue');
-      console.log([{ text: selectionText.trim(), index: computeSelectedTextIndex(selection) }]);
       return [{ text: selectionText.trim(), index: computeSelectedTextIndex(selection) }];
     }
     return [];

diff --git a/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentViewer.tsx b/packages/generic/client/src/pages/Home/DocumentAnnotator/DocumentPanel/DocumentViewer.tsx
@@ -58,15 +58,14 @@ function DocumentViewer(props: { splittedTextByLine: splittedTextByLineType }):
       const textBetweenLines = getTextBetweenLines(selectedLines[0], selectedLines[1]);
       setSelectedParagraphText(textBetweenLines.text);
       setParagraphStartIndex(textBetweenLines.index);
-      setTooltipMenuOriginPosition({ x: window.innerWidth / 2, y: window.innerHeight / 2 });
+      setTooltipMenuOriginPosition({ x: window.innerWidth / 2, y: window.innerHeight / 4 });
     } else {
       setTooltipMenuOriginPosition(undefined);
     }
   }, [selectedLines]);
 
   const getTextBetweenLines = (startLine: number, endLine: number) => {
     const lines = props.splittedTextByLine.filter((line) => line.line >= startLine && line.line <= endLine);
-    console.log(lines);
 
     // Delete empty lines at the beggining
     let startIndex = 0;