From b1fc1c84cd06fa8927bb3af9dfe47b13faf9990c Mon Sep 17 00:00:00 2001
From: Sina Rohde <s.rohde@indiscale.com>
Date: Thu, 26 Sep 2024 14:54:40 +0200
Subject: [PATCH] fdo details preview on LP

---
 src/components/Content.tsx     | 21 ++++++---------------
 src/components/ContentArea.tsx |  3 ++-
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 02cd2b3..c4bb5a5 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -1,29 +1,20 @@
 import * as React from 'react'
 import Box from '@mui/material/Box'
 import Typography from '@mui/material/Typography'
+import Details from './fdos/details'
 
-export default function Types () {
+export default function Content () {
   return (
     <Box sx={{ width: '100%', maxWidth: 500 }}>
 
       <Typography variant="subtitle1" gutterBottom>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos
-        blanditiis tenetur
+        Get a short preview of an FDO in detail: 
       </Typography>
+     
 
-      <Typography variant="body1" gutterBottom>
-      Dies ist ein spannendes FDO.
-      </Typography>
 
-      <Typography variant="button" display="block" gutterBottom>
-        button text
-      </Typography>
-      <Typography variant="caption" display="block" gutterBottom>
-        caption text
-      </Typography>
-      <Typography variant="overline" display="block" gutterBottom>
-        overline text
-      </Typography>
+      <Details/>
+
     </Box>
   )
 }
diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index 66dcfe0..bbcc210 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -8,6 +8,7 @@ import Content from '@components/Content'
 import Typography from '@mui/material/Typography'
 import Divider from '@mui/material/Divider'
 import FDOImage from '@components/FDOImage'
+import Link from '@mui/material/Link'
 
 const Item = styled(Paper)(({ theme }) => ({
   backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
@@ -42,7 +43,7 @@ export default function RowAndColumnSpacing () {
                 Or just start from the overview of the FDO Manager by clicking here:
               </Typography><br/>
             <Typography variant="button" display="block" gutterBottom fontSize={19}>
-              Enter FDO Manager
+            <Link href='./fdo'>Enter FDO Manager</Link>
             </Typography>
           </Item>
         </Grid>
-- 
GitLab