SettingPagePane SettingPagePane.js

50% Statements 2/4

100% Branches 0/0

0% Functions 0/1

50% Lines 2/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
27x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
27x
 
 
 
 
 
 
 
 
 
 
  import PropTypes from 'prop-types';
 
import { Pane } from '@folio/stripes/components';
import { toCamelCase } from '../../../utils';
import { useKintIntl } from '../../../hooks';
 
const SettingPagePane = ({
  children,
  intlKey: passedIntlKey,
  intlNS: passedIntlNS,
  sectionName,
}) => {
  const kintIntl = useKintIntl(passedIntlKey, passedIntlNS);
 
  return (
    <Pane
      defaultWidth="fill"
      id={`settings-${sectionName}`}
      paneTitle={
        kintIntl.formatKintMessage({
          id: `settings.settingsSection.${toCamelCase(sectionName)}`,
          fallbackMessage: sectionName
        })
      }
    >
      {children}
    </Pane>
  );
};
 
SettingPagePane.propTypes = {
  sectionName: PropTypes.string,
  intlKey: PropTypes.string,
  intlNS: PropTypes.string,
  children: PropTypes.oneOfType([
    PropTypes.func,
    PropTypes.node
  ])
};
 
export default SettingPagePane;