Merge branch 'refs/heads/develop' into DUOS-2462_B2C_auth

# Conflicts:
#	.eslintrc
#	src/components/Spinner.tsx
#	src/custom.d.ts
#	tsconfig.json

.eslintrc

@@ -51,7 +51,7 @@
     "@babel/implicit-arrow-linebreak": "off",
     "@babel/array-bracket-newline": "off",
     "@babel/brace-style": "off",
-    "@babel/semi": "warn",
+    "@babel/semi": "warn"
   },
   "overrides": [
     {

cypress/component/spinner.spec.tsx

@@ -0,0 +1,12 @@
+/* eslint-disable no-undef */
+
+import {mount} from 'cypress/react';
+import React from 'react';
+import {Spinner} from '../../src/components/Spinner';
+
+describe('Spinner', () => {
+  it('Renders the spinner component', () => {
+    mount(<Spinner/>);
+    cy.get('div').find('img').should('be.visible');
+  });
+});

src/components/Spinner.tsx

@@ -2,11 +2,11 @@ import React from 'react';
 import loadingIndicator from '../images/loading-indicator.svg';
 
 //spinner constant to be used everywhere
-export const Spinner = (): JSX.Element => (
-  <div style={{ textAlign: 'center', height: '44px', width: '180px' }}>
-    <img src={loadingIndicator} alt='spinner' />
-  </div>
-);
+export function Spinner() {
+  return <div style={{textAlign: 'center', height: '44px', width: '180px'}}>
+    <img src={loadingIndicator} alt='spinner'/>
+  </div>;
+}
 
 // TODO: implement this spinner in every componentDidMount or Init method on
 // pages that call async methods upon loading the page.

src/custom.d.ts

@@ -1,8 +1,8 @@
 declare module '*.svg' {
-  export const ReactComponent: React.FunctionComponent<
-    React.SVGAttributes<SVGElement>
-  >;
+    export const ReactComponent: React.FunctionComponent<
+        React.SVGAttributes<SVGElement>
+    >;
 
-  const src: string;
-  export default src;
+    const src: string;
+    export default src;
 }

tsconfig.json

@@ -16,7 +16,7 @@
     "useUnknownInCatchVariables": true,
     "paths": {
       "src/*": ["./src/*"],
-      "@/*": ["./*"],
+      "@/*": ["./*"]
     }
   },
   "include": [