General maintenance

Author: priyank

extension/src/dialogs/searchIcons/searchIcons.js

@@ -18,8 +18,8 @@ import {
     APP_$_OPEN_SEARCH_ICONS_CONFIGURATION
 } from 'reducers/actionTypes.js';
 
-import commonStyles from '../../common-styles/common-styles.css';
-import styles from './searchIcons.css';
+import * as commonStyles from '../../common-styles/common-styles.css';
+import * as styles from './searchIcons.css';
 
 function mapStateToProps(state) {
     return {

extension/src/dialogs/searchIcons/searchIconsConfiguration.css

@@ -1,2 +1,5 @@
 .SearchIconsConfiguration {
 }
+
+.magicss-dialog-search-icons {
+}

extension/src/dialogs/searchIcons/searchIconsConfiguration.js

@@ -35,9 +35,8 @@ import { sendEventMessageForMetrics } from '../../../scripts/magicss/metrics/sen
 
 import { alertNote } from '../../../scripts/utils/alertNote.js';
 
-import commonStyles from '../../common-styles/common-styles.css';
-
-import styles from './searchIconsConfiguration.css';
+import * as commonStyles from '../../common-styles/common-styles.css';
+import * as styles from './searchIconsConfiguration.css';
 
 function mapStateToProps(state) {
     return {

extension/src/dialogs/searchIcons/searchUi.css

@@ -157,3 +157,15 @@
 
 .magicss-search-for-icons-input {
 }
+
+.magicss-search-icons-copy-data-url {
+}
+
+.magicss-search-icons-svg-contents-copy-status {
+}
+
+.magic-css-unable-to-access-noun-project-api {
+}
+
+.magicss-search-icons-button {
+}

extension/src/dialogs/searchIcons/searchUi.js

@@ -26,7 +26,7 @@ import { copyToClipboard } from 'helpmate/dist/browser/copyToClipboard.js';
 
 import { Loading } from 'Loading/Loading.js';
 
-import styles from './searchUi.css';
+import * as styles from './searchUi.css';
 
 import {
     APP_$_CLOSE_SEARCH_ICONS,

extension/src/options/Main/Form/Form.js

@@ -22,7 +22,7 @@ import { LoadForIframe       } from "./FormEntries/LoadForIframe.js";
 import { NotificationsForPin } from "./FormEntries/NotificationsForPin.js";
 import { ExperimentalOptions } from "./FormEntries/ExperimentalOptions.js";
 
-import styles from './Form.css';
+import * as styles from './Form.css';
 
 const Form = function () {
     return (

extension/src/options/Main/Main.js

@@ -8,7 +8,7 @@ import { MainTabs } from './MainTabs.js';
 
 // import { FLAG_DEV_MODE } from '../helpers/helpers.js';
 
-import styles from './Main.css';
+import * as styles from './Main.css';
 
 // const optionsPageUrl = (
 //     typeof chrome !== 'undefined' &&

extension/src/options/Main/Tabs/TabAccount/RegistrationOptions.css

@@ -1,6 +1,9 @@
 .RegistrationOptions {
 }
 
+.subscriptionFeatureEntry {
+}
+
 .block {
     padding: 40px 40px;
     border: 1px solid #b7b7b7;

extension/src/options/Main/Tabs/TabAccount/RegistrationOptions.js

@@ -31,8 +31,8 @@ import { siteOrigin } from '../../../../appUtils/siteOrigin.js';
 // import { alertDialog } from 'helpmate/dist/dom/alertDialog.js';
 import { ResponsiveDialog } from '../../../../lib/ResponsiveDialog/ResponsiveDialog.js';
 
-import styles from './RegistrationOptions.css';
-import commonStyles from '../../commonStyles.css';
+import * as commonStyles from '../../commonStyles.css';
+import * as styles from './RegistrationOptions.css';
 
 const MyFrame = function ({ onClose }) {
     const manifest = chrome.runtime.getManifest();

extension/src/options/Main/Tabs/TabHelp.js

@@ -4,7 +4,7 @@ import React from 'react';
 
 import { GenericAccordion } from 'GenericAccordion/GenericAccordion.js';
 
-import styles from './TabHelp.css';
+import * as styles from './TabHelp.css';
 
 const listOfFaqs = [
     {