feat(doc): Modale Vollansicht des Dokuments hinzufügen und Öffnen bei Kartenklick ermöglichen

src/client/dd-hub-react/src/sections/document/doc-item.tsx

@@ -13,6 +13,8 @@ import { Doc } from 'src/api/document-service';
 
 import { Iconify } from 'src/components/iconify';
 import { SvgColor } from 'src/components/svg-color';
+
+import DocFullView from './view/doc-full-view';
 // ----------------------------------------------------------------------
 
 export function DocItem({
@@ -161,7 +163,9 @@ export function DocItem({
     }
 
     return (
-        <Card sx={sx} {...other}>
+        <>
+            <DocFullView data={doc.data} open={openViewDoc} handleClose={() => setOpenViewDoc(false)} />
+            <Card sx={sx} {...other} onClick={() => setOpenViewDoc(true)}>
                 <Box
                     sx={(theme) => ({
                         position: 'relative',
@@ -204,5 +208,6 @@ export function DocItem({
                     {renderInfo}
                 </Box>
             </Card>
+        </>
     );
 }

src/client/dd-hub-react/src/sections/document/view/doc-full-view.tsx

@@ -34,6 +34,7 @@ export default function DocFullView({ data, open, handleClose }: DocFullViewProp
             open={open}
             aria-labelledby="modal-modal-title"
             aria-describedby="modal-modal-description"
+            onClose={handleClose}
         >
             <Box sx={style}>
                 <TextField label="Label" variant="filled" value={name} onChange={e => setName(e.target.value)} />