fix(maintenance): the site on the maintenance

src/index.tsx

@@ -5,9 +5,9 @@ import {
 } from 'react'
 import ReactDOM from 'react-dom'
 
-import { isIOS } from 'config/userAgent'
+import styled from 'styled-components'
 
-// import { makeServer } from 'utilits/Mirage/Mirage'
+import { isIOS } from 'config/userAgent'
 
 import * as serviceWorker from './serviceWorker'
 
@@ -15,12 +15,23 @@ export const App = process.env.REACT_APP_TYPE === 'auth-service'
   ? lazy(() => import('features/AuthServiceApp'))
   : lazy(() => import('features/App'))
 
-// process.env.NODE_ENV === 'development' && makeServer({ environment: 'development' })
-
+const ScContent = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #000000;
+  flex-direction: column;
+`
+// временная заглушка пока бэкенд переезжает
 ReactDOM.render(
   <StrictMode>
     <Suspense fallback={null}>
-      <App />
+      {/* <App /> */}
+      <ScContent>
+        <p>The site is temporarily unavailable</p>
+        <p>El sitio está temporalmente fuera de servicio</p>
+      </ScContent>
     </Suspense>
   </StrictMode>,
   document.getElementById('root'),