removed react-boostrap

Author: PatrikMatiasko

src/components/Atomic/App/App.styles.ts

@@ -0,0 +1,10 @@
+import { css } from '@emotion/react'
+
+export const global = css`
+    * {
+        box-sizing: border-box;
+    }
+    body {
+        margin: 0;
+    }
+`

src/components/Atomic/App/App.tsx

@@ -1,14 +1,21 @@
 import React from 'react'
-import { ToastContainer } from 'react-toastify'
+import { Global } from '@emotion/react'
+
+import { Props, defaultProps } from './App.types'
 import 'react-toastify/dist/ReactToastify.css'
-import { Props } from './App.types'
-
-const App = (props: Props) => (
-    <>
-        {props.children}
-        <ToastContainer newestOnTop={true} />
-    </>
-)
+import { ToastContainer } from '../Notification'
+import * as styles from './App.styles'
+
+const App = (props: Props) => {
+    const { toastContainerPortalTarget, globalStyle } = { ...defaultProps, ...props }
+    return (
+        <>
+            <Global styles={[globalStyle && styles.global]} />
+            <ToastContainer portalTarget={toastContainerPortalTarget} showNotifications={true} />
+            {props.children}
+        </>
+    )
+}
 
 App.displayName = 'App'
 

src/components/Atomic/App/App.types.ts

@@ -2,4 +2,10 @@ import { ReactNode } from 'react'
 
 export type Props = {
     children: ReactNode
+    globalStyle?: boolean
+    toastContainerPortalTarget?: any
+}
+
+export const defaultProps = {
+    globalStyle: true,
 }