From 28b8242b4d3b80e639e4ce3c3a745e87e6d59e4b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Thu, 13 Jan 2022 10:57:40 +0700
Subject: [PATCH] added next app.tsx layout

---
 .env.local                                  |  4 ++
 src/containers/main/SidebarRouter/index.tsx |  2 +-
 src/pages/_app.tsx                          | 49 +++++++++++++++++++++
 3 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 .env.local
 create mode 100644 src/pages/_app.tsx

diff --git a/.env.local b/.env.local
new file mode 100644
index 00000000..f6184910
--- /dev/null
+++ b/.env.local
@@ -0,0 +1,4 @@
+#REACT_APP_API_HOST=http://localhost:3334/
+NEXT_PUBLIC_API_HOST=https://pig.staging.vault48.org/
+#REACT_APP_API_HOST=https://pig.vault48.org/
+NEXT_PUBLIC_REMOTE_CURRENT=https://pig.staging.vault48.org/static/
diff --git a/src/containers/main/SidebarRouter/index.tsx b/src/containers/main/SidebarRouter/index.tsx
index 9b2c8adc..1ee9a566 100644
--- a/src/containers/main/SidebarRouter/index.tsx
+++ b/src/containers/main/SidebarRouter/index.tsx
@@ -8,7 +8,7 @@ interface IProps {
   isLab?: boolean;
 }
 
-const SidebarRouter: FC<IProps> = ({ prefix = '', isLab }) => {
+const SidebarRouter: FC<IProps> = ({ isLab }) => {
   if (typeof document === 'undefined') {
     return null;
   }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 00000000..13d559e0
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,49 @@
+import { StoreContextProvider } from '~/utils/context/StoreContextProvider';
+import { getMOBXStore } from '~/store';
+import '~/styles/main.scss';
+import { ToastProvider } from '~/utils/providers/ToastProvider';
+import { Modal } from '~/containers/dialogs/Modal';
+import { Sprites } from '~/sprites/Sprites';
+import React from 'react';
+import { BottomContainer } from '~/containers/main/BottomContainer';
+import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
+import { UserContextProvider } from '~/utils/context/UserContextProvider';
+import { DragDetectorProvider } from '~/hooks/dom/useDragDetector';
+import { PageCoverProvider } from '~/components/containers/PageCoverProvider';
+import { SearchProvider } from '~/utils/providers/SearchProvider';
+import { AudioPlayerProvider } from '~/utils/providers/AudioPlayerProvider';
+import { MetadataProvider } from '~/utils/providers/MetadataProvider';
+import { AuthProvider } from '~/utils/providers/AuthProvider';
+import { MainLayout } from '~/containers/main/MainLayout';
+
+const mobxStore = getMOBXStore();
+
+export default function MyApp({ Component, pageProps }) {
+  return (
+    <StoreContextProvider store={mobxStore}>
+      <SWRConfigProvider>
+        <UserContextProvider>
+          <DragDetectorProvider>
+            <PageCoverProvider>
+              <SearchProvider>
+                <AudioPlayerProvider>
+                  <MetadataProvider>
+                    <AuthProvider>
+                      <MainLayout>
+                        <ToastProvider />
+                        <Modal />
+                        <Sprites />
+                        <Component {...pageProps} />
+                      </MainLayout>
+                      <BottomContainer />
+                    </AuthProvider>
+                  </MetadataProvider>
+                </AudioPlayerProvider>
+              </SearchProvider>
+            </PageCoverProvider>
+          </DragDetectorProvider>
+        </UserContextProvider>
+      </SWRConfigProvider>
+    </StoreContextProvider>
+  );
+}