summaryrefslogtreecommitdiff
path: root/src/lib/content/components/PageContent.jsx
blob: 8b01e0d9869147d95881cdedf8f8566c1f2e4a85 (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
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.data) {
    let parsedContent = content.data.content
    parsedContent = parsedContent.replaceAll(
      'src="/web/image',
      `src="${process.env.NEXT_PUBLIC_ODOO_HOST}/web/image`
    )
    return (
      <div
        className='p-4 prose prose-gray prose-a:text-red_r-10 prose-p:my-0'
        dangerouslySetInnerHTML={{ __html: parsedContent }}
      />
    )
  }

  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>
    )
  }

  return <></>
}

export default PageContent