Revize 7595035c

AnnotationID as dynamic route part in annotation page

webapp/contexts/AnnotationContext.tsx

@@ -115 +115 @@
  * @param props Children that should have access to the annotation context.
  * @returns Prepared html of the provider.
  */
-const AnnotationProvider = (props: { children: React.ReactNode }) => {
+const AnnotationProvider = (props: {
+    children: React.ReactNode;
+    annotationId: string;
+}) => {
     /**
      * Tags managed by the context.
      */
@@ -168 +171 @@
      */
     useEffect(() => {
         //TODO: Implement initialization with values from the server
-    }, []);
+    }, [props.annotationId]);
 
     return (
         <AnnotationContext.Provider

webapp/pages/annotation/[id].tsx

@@ -5 +5 @@
 import 'antd/dist/antd.css';
 import styles from '/styles/Annotation.module.scss';
 import AnnotationProvider from '../../contexts/AnnotationContext';
+import { useRouter } from 'next/router';
 
 /**
  * Creates an annotation screen.
  * @returns The annotation screen.
  */
 function Annotation() {
+    const router = useRouter();
+    const { idRaw } = router.query;
+
+    if (!idRaw || typeof idRaw === 'string') {
+        (async () => {
+            await router.push('/documents');
+        })(); // TODO
+        return;
+    }
+
+    const annotationId: string = Array.isArray(idRaw) ? idRaw[0] : idRaw;
+
     return (
-        <AnnotationProvider>
+        <AnnotationProvider annotationId={annotationId}>
             <MainLayout>
                 <div className={styles.layoutWrapper}>
                     <div className={styles.tags}>