Reorder imports and reformat

src/components/ComponentTemplate.tsx

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import React from 'react';
-
 import Text from './utils/Text';
 
 type Props = {}

src/components/animations/Loader.tsx

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import React from 'react';
-
 import AnimatedLoader from '../svg/AnimatedLoader';
 
 type Props = {}

src/components/appBootstrap/BrowserPageBootstrap.tsx

@@ -2,10 +2,10 @@ import {
   Amplitude,
   AmplitudeProvider,
 } from '@amplitude/react-amplitude';
+import { useTheme } from '@emotion/react';
 import * as Sentry from '@sentry/node';
 import { createLogger } from '@unly/utils-simple-logger';
 import { AmplitudeClient } from 'amplitude-js';
-import { useTheme } from '@emotion/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import useCustomer from '../../hooks/useCustomer';

src/components/appBootstrap/MultiversalAppBootstrap.tsx

@@ -1,7 +1,7 @@
+import { ThemeProvider } from '@emotion/react';
 import * as Sentry from '@sentry/node';
 import { isBrowser } from '@unly/utils';
 import { createLogger } from '@unly/utils-simple-logger';
-import { ThemeProvider } from '@emotion/react';
 import { i18n } from 'i18next';
 import find from 'lodash.find';
 import includes from 'lodash.includes';

src/components/appBootstrap/ServerPageBootstrap.tsx

@@ -1,7 +1,6 @@
 import * as Sentry from '@sentry/node';
 import { createLogger } from '@unly/utils-simple-logger';
 import React from 'react';
-
 import { userSessionContext } from '../../stores/userSessionContext';
 import { MultiversalAppBootstrapPageProps } from '../../types/nextjs/MultiversalAppBootstrapPageProps';
 import { MultiversalAppBootstrapProps } from '../../types/nextjs/MultiversalAppBootstrapProps';

src/components/assets/Logo.tsx

@@ -4,7 +4,6 @@ import deepmerge from 'deepmerge';
 import get from 'lodash.get';
 // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
 import React from 'react';
-
 import { CSSStyles } from '../../types/CSSStyles';
 import { Asset } from '../../types/data/Asset';
 import { Link } from '../../types/data/Link';

src/components/data/AllProducts.tsx

@@ -1,6 +1,5 @@
 import filter from 'lodash.filter';
 import React from 'react';
-
 import { AirtableRecord } from '../../types/data/AirtableRecord';
 import { Product } from '../../types/data/Product';
 import Products from './Products';

src/components/data/ProductRow.tsx

@@ -4,7 +4,6 @@ import {
   Col,
   Row,
 } from 'reactstrap';
-
 import { Asset } from '../../types/data/Asset';
 import { Product } from '../../types/data/Product';
 import AirtableAsset from '../assets/AirtableAsset';

src/components/data/Products.tsx

@@ -2,7 +2,6 @@ import { css } from '@emotion/react';
 import map from 'lodash.map';
 import React from 'react';
 import { Container } from 'reactstrap';
-
 import { AirtableRecord } from '../../types/data/AirtableRecord';
 import { Product } from '../../types/data/Product';
 import ProductRow from './ProductRow';

src/components/doc/BuiltInFeaturesSidebar.tsx

@@ -9,7 +9,6 @@ import {
   NavItem,
   NavLink,
 } from 'reactstrap';
-
 import { SidebarLink } from '../../types/SidebarLink';
 import I18nLink from '../i18n/I18nLink';
 import { SidebarProps } from '../pageLayouts/DefaultLayout';

src/components/doc/BuiltInUtilitiesSection.tsx

@@ -1,13 +1,11 @@
 import React from 'react';
 import {
-  Button,
   Card,
   CardBody,
   CardSubtitle,
   CardText,
   CardTitle,
 } from 'reactstrap';
-
 import I18nLink from '../i18n/I18nLink';
 import Btn from '../utils/Btn';
 import Cards from '../utils/Cards';

src/components/doc/BuiltInUtilitiesSidebar.tsx

@@ -9,7 +9,6 @@ import {
   NavItem,
   NavLink,
 } from 'reactstrap';
-
 import { SidebarLink } from '../../types/SidebarLink';
 import I18nLink from '../i18n/I18nLink';
 import { SidebarProps } from '../pageLayouts/DefaultLayout';

src/components/doc/ExternalFeaturesSection.tsx

@@ -1,15 +1,13 @@
 import React from 'react';
 import {
   Alert,
-  Button,
   Card,
   CardBody,
   CardSubtitle,
   CardText,
   CardTitle,
 } from 'reactstrap';
 import Btn from '../utils/Btn';
-
 import Cards from '../utils/Cards';
 import ExternalLink from '../utils/ExternalLink';
 import DocSection from './DocSection';

src/components/doc/IntroductionSection.tsx

@@ -4,7 +4,6 @@ import {
   Alert,
   Jumbotron,
 } from 'reactstrap';
-
 import { LogEvent } from '../../types/Amplitude';
 import I18nLink from '../i18n/I18nLink';
 import ExternalLink from '../utils/ExternalLink';

src/components/doc/NativeFeaturesSection.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import {
   Alert,
-  Button,
   Card,
   CardBody,
   CardSubtitle,

src/components/doc/NativeFeaturesSidebar.tsx

@@ -9,7 +9,6 @@ import {
   NavItem,
   NavLink,
 } from 'reactstrap';
-
 import { SidebarLink } from '../../types/SidebarLink';
 import I18nLink from '../i18n/I18nLink';
 import { SidebarProps } from '../pageLayouts/DefaultLayout';

src/components/doc/SidebarFooter.tsx

@@ -2,7 +2,6 @@ import { css } from '@emotion/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-
 import I18nLink from '../i18n/I18nLink';
 
 type Props = {

src/components/errors/DefaultErrorLayout.tsx

@@ -2,7 +2,6 @@ import { css } from '@emotion/react';
 import * as Sentry from '@sentry/node';
 import * as React from 'react';
 import { Button } from 'reactstrap';
-
 import ErrorDebug from './ErrorDebug';
 
 type Props = {

src/components/i18n/I18nBtnChangeLocale.tsx

@@ -4,7 +4,6 @@ import {
   useRouter,
 } from 'next/router';
 import React from 'react';
-
 import useI18n, { I18n } from '../../hooks/useI18n';
 import { i18nRedirect } from '../../utils/app/router';
 import { LANG_FR } from '../../utils/i18n/i18n';

src/components/i18n/I18nLink.tsx

@@ -3,7 +3,6 @@ import isEmpty from 'lodash.isempty';
 import map from 'lodash.map';
 import NextLink from 'next/link';
 import React from 'react';
-
 import useI18n, { I18n } from '../../hooks/useI18n';
 import {
   I18nRoute,

src/components/pageLayouts/DefaultLayout.tsx

@@ -9,7 +9,6 @@ import {
   useRouter,
 } from 'next/router';
 import React, { useState } from 'react';
-
 import ErrorPage from '../../pages/_error';
 import { GenericObject } from '../../types/GenericObject';
 import { SoftPageProps } from '../../types/pageProps/SoftPageProps';

src/components/pageLayouts/DefaultPageContainer.tsx

@@ -1,9 +1,10 @@
-import { css } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import classnames from 'classnames';
-import { useTheme } from '@emotion/react';
 import React from 'react';
 import { Container } from 'reactstrap';
-
 import SidebarToggle from '../doc/SidebarToggle';
 import { SidebarProps } from './DefaultLayout';
 

src/components/pageLayouts/Footer.tsx

@@ -1,8 +1,9 @@
-import { css } from '@emotion/react';
-import { useTheme } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-
 import { NRN_CO_BRANDING_LOGO_URL } from '../../constants';
 import useCustomer from '../../hooks/useCustomer';
 import { CSSStyles } from '../../types/CSSStyles';

src/components/pageLayouts/Head.tsx

@@ -1,7 +1,6 @@
 import { isBrowser } from '@unly/utils';
 import NextHead from 'next/head';
 import React from 'react';
-
 import {
   NRN_DEFAULT_FONT,
   NRN_DEFAULT_SERVICE_LABEL,

src/components/pageLayouts/Nav.tsx

@@ -1,8 +1,10 @@
 import { Amplitude } from '@amplitude/react-amplitude';
-import { css } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classnames from 'classnames';
-import { useTheme } from '@emotion/react';
 import kebabCase from 'lodash.kebabcase';
 import map from 'lodash.map';
 import {
@@ -26,7 +28,6 @@ import {
 import useI18n, { I18n } from '../../hooks/useI18n';
 import { LogEvent } from '../../types/Amplitude';
 import { AirtableAttachment } from '../../types/data/AirtableAttachment';
-import { AirtableRecord } from '../../types/data/AirtableRecord';
 import { Asset } from '../../types/data/Asset';
 import { CustomerTheme } from '../../types/data/CustomerTheme';
 import { SidebarLink } from '../../types/SidebarLink';

src/components/pageLayouts/PreviewModeBanner.tsx

@@ -1,6 +1,8 @@
-import { css } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { useTheme } from '@emotion/react';
 import {
   NextRouter,
   useRouter,
@@ -10,16 +12,15 @@ import {
   Trans,
   useTranslation,
 } from 'react-i18next';
-
 import usePreviewMode, { PreviewMode } from '../../hooks/usePreviewMode';
 import { CustomerTheme } from '../../types/data/CustomerTheme';
 import { stringifyQueryParameters } from '../../utils/app/router';
 import {
   startPreviewMode,
   stopPreviewMode,
 } from '../../utils/nextjs/previewMode';
-import ExternalLink from '../utils/ExternalLink';
 import Btn from '../utils/Btn';
+import ExternalLink from '../utils/ExternalLink';
 import Tooltip from '../utils/Tooltip';
 
 type Props = {}

src/components/pageLayouts/QuickPreviewBanner.tsx

@@ -1,7 +1,9 @@
-import { css } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { createLogger } from '@unly/utils-simple-logger';
-import { useTheme } from '@emotion/react';
 import {
   NextRouter,
   useRouter,

src/components/svg/AnimatedTextBubble.tsx

@@ -1,7 +1,6 @@
 import { css } from '@emotion/core';
 import { useTheme } from 'emotion-theming';
 import React from 'react';
-
 import { Theme } from '../../types/data/Theme';
 
 const AnimatedTextBubble = props => {

src/components/utils/Btn.tsx

@@ -1,6 +1,8 @@
-import { css } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import classnames from 'classnames';
-import { useTheme } from '@emotion/react';
 import React, { ReactNode } from 'react';
 import { CustomerTheme } from '../../types/data/CustomerTheme';
 import { ReactButtonProps } from '../../types/react/ReactButtonProps';

src/components/utils/BubbleTimer.tsx

@@ -3,7 +3,6 @@ import React, {
   useEffect,
   useState,
 } from 'react';
-
 import { CSSStyles } from '../../types/CSSStyles';
 import AnimatedTextBubble from '../svg/AnimatedTextBubble';
 

src/components/utils/CircleBtn.tsx

@@ -1,5 +1,7 @@
-import { css } from '@emotion/react';
-import { useTheme } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import React from 'react';
 import { CustomerTheme } from '../../types/data/CustomerTheme';
 import { ReactDivProps } from '../../types/react/ReactDivProps';

src/components/utils/DocumentButton.tsx

@@ -1,8 +1,8 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import React, { ReactNode } from 'react';
 import Btn from './Btn';
-import Tooltip from './Tooltip';
 import EllipsisText from './EllipsisText';
+import Tooltip from './Tooltip';
 
 type Props = {
   children: ReactNode;

src/components/utils/LegalContent.tsx

@@ -1,5 +1,7 @@
-import { css } from '@emotion/react';
-import { useTheme } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import React from 'react';
 import { Container } from 'reactstrap';
 import { CustomerTheme } from '../../types/data/CustomerTheme';

src/components/utils/Stamp.tsx

@@ -1,5 +1,7 @@
-import { css } from '@emotion/react';
-import { useTheme } from '@emotion/react';
+import {
+  css,
+  useTheme,
+} from '@emotion/react';
 import React, { ReactNode } from 'react';
 import { CustomerTheme } from '../../types/data/CustomerTheme';
 

src/middlewares/localeMiddleware.ts

@@ -4,7 +4,6 @@ import {
   NextApiRequest,
   NextApiResponse,
 } from 'next';
-
 import { supportedLocales } from '../i18nConfig';
 import redirect from '../utils/app/redirect';
 import {

src/pages/[locale]/examples/built-in-features/animations.tsx

@@ -6,7 +6,6 @@ import {
 } from 'next';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
 import React from 'react';
-
 import BuiltInFeaturesSidebar from '../../../../components/doc/BuiltInFeaturesSidebar';
 import DocPage from '../../../../components/doc/DocPage';
 import DefaultLayout from '../../../../components/pageLayouts/DefaultLayout';

src/pages/[locale]/examples/built-in-features/cookies-consent.tsx

@@ -8,7 +8,6 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
 import React from 'react';
 import { Alert } from 'reactstrap';
-
 import BuiltInFeaturesSidebar from '../../../../components/doc/BuiltInFeaturesSidebar';
 import DocPage from '../../../../components/doc/DocPage';
 import I18nLink from '../../../../components/i18n/I18nLink';

src/pages/[locale]/examples/built-in-features/css-in-js.tsx

@@ -7,7 +7,6 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
 import React from 'react';
 import { Alert } from 'reactstrap';
-
 import BuiltInFeaturesSidebar from '../../../../components/doc/BuiltInFeaturesSidebar';
 import DocPage from '../../../../components/doc/DocPage';
 import DefaultLayout from '../../../../components/pageLayouts/DefaultLayout';

src/pages/[locale]/examples/built-in-features/docs-site.tsx

@@ -7,7 +7,6 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
 import React from 'react';
 import { Alert } from 'reactstrap';
-
 import BuiltInFeaturesSidebar from '../../../../components/doc/BuiltInFeaturesSidebar';
 import DocPage from '../../../../components/doc/DocPage';
 import DefaultLayout from '../../../../components/pageLayouts/DefaultLayout';

src/pages/[locale]/examples/built-in-features/hosting.tsx

@@ -7,7 +7,6 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
 import React from 'react';
 import { Alert } from 'reactstrap';
-
 import BuiltInFeaturesSidebar from '../../../../components/doc/BuiltInFeaturesSidebar';
 import DocPage from '../../../../components/doc/DocPage';
 import DefaultLayout from '../../../../components/pageLayouts/DefaultLayout';