Created .scss files instead of inline

src/components/DeviceConfiguration/containers/DeviceConfigurationModal/index.js

@@ -0,0 +1,41 @@
+/* eslint-disable-rule prefer-destructuring */
+import React from 'react';
+import {
+  CButton,
+  CModal,
+  CModalHeader,
+  CModalBody,
+  CModalTitle,
+  CModalFooter,
+} from '@coreui/react';
+import PropTypes from 'prop-types';
+import { Translation } from 'react-i18next';
+import styles from './index.module.scss';
+
+const DeviceConfigurationModal = ({ show, toggle, configuration }) => (
+  <Translation>
+    {(t) => (
+      <CModal size="lg" show={show} onClose={toggle}>
+        <CModalHeader closeButton>
+          <CModalTitle className={styles.modalTitle}>{t('configuration.title')}</CModalTitle>
+        </CModalHeader>
+        <CModalBody>
+          <pre className="ignore">{JSON.stringify(configuration, null, 4)}</pre>
+        </CModalBody>
+        <CModalFooter>
+          <CButton color="secondary" onClick={toggle}>
+            {t('common.close')}
+          </CButton>
+        </CModalFooter>
+      </CModal>
+    )}
+  </Translation>
+);
+
+DeviceConfigurationModal.propTypes = {
+  configuration: PropTypes.instanceOf(Object).isRequired,
+  toggle: PropTypes.func.isRequired,
+  show: PropTypes.bool.isRequired,
+};
+
+export default DeviceConfigurationModal;