Projekt

Obecné

Profil

Stáhnout (1.24 KB) Statistiky
| Větev: | Tag: | Revize:
1
import { Card, CardContent, Stack, Typography } from '@mui/material'
2
import { Fragment } from 'react'
3
import { useSelector } from 'react-redux'
4
import { formatHtmlStringToReactDom } from '../../../utils/formatting/HtmlUtils'
5
import { RootState } from '../../redux/store'
6

    
7
const ProcessedTextDisplay = () => {
8
    const pathDto = useSelector(
9
        (state: RootState) => state.trackingTool.pathDto
10
    )
11

    
12
    return (
13
        <Fragment>
14
            {pathDto && (
15
                <Card variant="outlined" sx={{maxHeight: '50vh'}}>
16
                    <CardContent>
17
                        <Stack direction="column">
18
                            <Typography
19
                                variant="h5"
20
                                sx={{ mb: 1 }}
21
                                fontWeight="600"
22
                            >
23
                                Processed Text
24
                            </Typography>
25
                            <Typography variant="body2">
26
                                {formatHtmlStringToReactDom(pathDto.text ?? '')}
27
                            </Typography>
28
                        </Stack>
29
                    </CardContent>
30
                </Card>
31
            )}
32
        </Fragment>
33
    )
34
}
35

    
36
export default ProcessedTextDisplay
    (1-1/1)