Revize 7652cf88

Basic annotation document preview

webapp/components/annotation/DocumentAnnotationView.tsx

@@ -2 +2 @@
  * Creates an annotation view of a document.
  * @returns The annotation view.
  */
+import { useContext } from 'react';
+import { AnnotationContext } from '../../contexts/AnnotationContext';
+import { Button } from 'antd';
+
 export function DocumentAnnotationView() {
+    const { annotation } = useContext(AnnotationContext);
+
+    if (!annotation) {
+        return <p>Došlo k chybě. Anotace nebyla nalezena</p>;
+    }
+
     return (
         <div>
-            <p>Main view with a rendered document</p>
+            <Button
+                onClick={() => {
+                    console.log(window.getSelection());
+                }}
+            >
+                Test
+            </Button>
+            <div dangerouslySetInnerHTML={{ __html: annotation.documentText ?? '' }} />
         </div>
     );
 }