blob: a2fcde4ee59bb97b5ee3d4065e32798be3cff2a1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
import pageContentApi from '../api/pageContentApi'
import { useQuery } from 'react-query'
import Spinner from '@/core/components/elements/Spinner/Spinner'
const PageContent = ({ path }) => {
const fetchContent = async () => await pageContentApi({ path })
const content = useQuery(`content-${path}`, fetchContent)
if (content.isLoading) {
return (
<div className='flex justify-center my-6'>
<Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12' />
</div>
)
}
if (content.data?.id) {
let parsedContent = content.data.content
parsedContent = parsedContent.replaceAll(
'src="/web/image',
`src="${process.env.NEXT_PUBLIC_ODOO_API_HOST}/web/image`
)
const contentClassNames = `
prose
prose-gray
prose-a:text-danger-500
prose-p:my-0
prose-headings:my-0
prose-headings:mb-1
prose-img:my-0
prose-img:mb-1
prose-img:inline-block
prose-hr:my-3
`
return (
<article className='container mx-auto'>
<div className={contentClassNames} dangerouslySetInnerHTML={{ __html: parsedContent }} />
</article>
)
}
return <></>
}
export default PageContent
|
