OptionsView.tsx

import React, { useState } from 'react'
import CozyBar from 'components/Header/CozyBar'
import Header from 'components/Header/Header'
import Content from 'components/Content/Content'
import KonnectorViewerList from 'components/Konnector/KonnectorViewerList'
import ReportOptions from 'components/Options/ReportOptions'
import FAQLink from 'components/FAQ/FAQLink'
import LegalNoticeLink from 'components/LegalNotice/LegalNoticeLink'
import GCULink from 'components/GCU/GCULink'
import Version from 'components/Version/Version'
import ProfileTypeOptions from './ProfileTypeOptions'

import logos from 'assets/png/logos.png'

const OptionsView: React.FC = () => {
  const [headerHeight, setHeaderHeight] = useState<number>(0)
  const defineHeaderHeight = (height: number) => {
    setHeaderHeight(height)
  }
  return (
    <>
      <CozyBar titleKey={'common.title_options'} />
      <Header
        setHeaderHeight={defineHeaderHeight}
        desktopTitleKey={'common.title_options'}
      ></Header>
      <Content height={headerHeight}>
        <KonnectorViewerList isParam={true} />
        <ProfileTypeOptions />
        <ReportOptions />
        <FAQLink />
        <LegalNoticeLink />
        <GCULink />
        <div className="parameters-logos">
          <img src={logos} alt="ensemble de logos" />
        </div>
        <Version />
      </Content>
    </>
  )
}

export default OptionsView