|
@@ -1,16 +1,15 @@
|
|
|
-import { useState } from 'react'
|
|
|
|
|
import { useTranslation } from 'react-i18next'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
-import ContactUsModal from '../../../../../modules/support/frontend/js/components/contact-us-modal'
|
|
|
|
|
|
|
+import { useContactUsModal } from '../../../shared/hooks/use-contact-us-modal'
|
|
|
import LeftMenuButton from './left-menu-button'
|
|
import LeftMenuButton from './left-menu-button'
|
|
|
|
|
|
|
|
export default function HelpContactUs() {
|
|
export default function HelpContactUs() {
|
|
|
- const [showModal, setShowModal] = useState(false)
|
|
|
|
|
|
|
+ const { modal, showModal } = useContactUsModal()
|
|
|
const { t } = useTranslation()
|
|
const { t } = useTranslation()
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<>
|
|
<>
|
|
|
<LeftMenuButton
|
|
<LeftMenuButton
|
|
|
- onClick={() => setShowModal(true)}
|
|
|
|
|
|
|
+ onClick={showModal}
|
|
|
icon={{
|
|
icon={{
|
|
|
type: 'question',
|
|
type: 'question',
|
|
|
fw: true,
|
|
fw: true,
|
|
@@ -18,7 +17,7 @@ export default function HelpContactUs() {
|
|
|
>
|
|
>
|
|
|
{t('contact_us')}
|
|
{t('contact_us')}
|
|
|
</LeftMenuButton>
|
|
</LeftMenuButton>
|
|
|
- <ContactUsModal show={showModal} handleHide={() => setShowModal(false)} />
|
|
|
|
|
|
|
+ {modal}
|
|
|
</>
|
|
</>
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|