Revize 80244bde

AnnotationItem selected text showing, other minor improvements

webapp/components/annotation/AnnotationItem.tsx

@@ -12 +12 @@
 } from '@ant-design/icons';
 import { AnnotationContext } from '../../contexts/AnnotationContext';
 import { ETagSentiment, TagInstanceInfo } from '../../api';
+import { getTextMaxLength } from '../../utils/strings';
 
 const { Option } = Select;
 
@@ -157 +158 @@
                                     <Col>
                                         <Row>
                                             <Col>Pozice: {occurrence.position}</Col>
+                                            <Col>Délka: {occurrence.length}</Col>
                                         </Row>
                                         <Row>
-                                            <Col>Délka: {occurrence.length}</Col>
+                                            <i title={occurrence.selectedText ?? ''}>
+                                                {getTextMaxLength(
+                                                    occurrence.selectedText ?? '',
+                                                    35
+                                                )}
+                                            </i>
                                         </Row>
                                         <Row>
                                             <Col
@@ -172 +179 @@
                                                 <Input.TextArea
                                                     defaultValue={occurrence.note ?? ''}
                                                     onBlur={onChangeNote(occurrence)}
+                                                    rows={1}
                                                 />
                                             </Col>
                                         </Row>

webapp/utils/strings.ts

@@ -7 +7 @@
 
 export function getNameTruncated(user: UserInfo, maxLength: number = 15) {
     const name = getName(user);
-    if (name.length > maxLength) {
-        return name.substring(0, maxLength - 3) + '...';
+    return getTextMaxLength(name, maxLength);
+}
+
+export function getTextMaxLength(text: string, maxLength: number) {
+    if (text.length > maxLength) {
+        return text.substring(0, maxLength - 3) + '...';
     } else {
-        return name;
+        return text;
     }
 }