57 lines
1.4 KiB
React
57 lines
1.4 KiB
React
/*!
|
|
* Copyright (c) 2024 PLANKA Software GmbH
|
|
* Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
|
|
*/
|
|
|
|
import React, { useCallback } from 'react';
|
|
import { useDispatch } from 'react-redux';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { Tab } from 'semantic-ui-react';
|
|
|
|
import entryActions from '../../../entry-actions';
|
|
import { useClosableModal } from '../../../hooks';
|
|
import TermsPane from './TermsPane';
|
|
import AboutPane from './AboutPane';
|
|
|
|
const InformationModal = React.memo(() => {
|
|
const dispatch = useDispatch();
|
|
const [t] = useTranslation();
|
|
|
|
const handleClose = useCallback(() => {
|
|
dispatch(entryActions.closeModal());
|
|
}, [dispatch]);
|
|
|
|
const [ClosableModal] = useClosableModal();
|
|
|
|
const panes = [
|
|
{
|
|
menuItem: t('common.aboutPlanka', {
|
|
context: 'title',
|
|
}),
|
|
render: () => <AboutPane />,
|
|
},
|
|
{
|
|
menuItem: t('common.termsOfService', {
|
|
context: 'title',
|
|
}),
|
|
render: () => <TermsPane />,
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ClosableModal open closeIcon size="small" centered={false} onClose={handleClose}>
|
|
<ClosableModal.Content>
|
|
<Tab
|
|
menu={{
|
|
secondary: true,
|
|
pointing: true,
|
|
}}
|
|
panes={panes}
|
|
/>
|
|
</ClosableModal.Content>
|
|
</ClosableModal>
|
|
);
|
|
});
|
|
|
|
export default InformationModal;
|