From 514df81b2cd587fedede104abba41a5050337f29 Mon Sep 17 00:00:00 2001
From: Yana <yanok87@users.noreply.github.com>
Date: Thu, 13 Feb 2025 18:49:12 +0200
Subject: [PATCH] fix build

---
 .../src/components/footer/SocialChannels.tsx  |  2 +-
 .../src/components/footer/Wrapper.tsx         | 21 +++++++++++++++++++
 .../src/components/footer/index.tsx           |  6 +++---
 3 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 explorer-nextjs/src/components/footer/Wrapper.tsx

diff --git a/explorer-nextjs/src/components/footer/SocialChannels.tsx b/explorer-nextjs/src/components/footer/SocialChannels.tsx
index 6e55eeac19..023c72cb3d 100644
--- a/explorer-nextjs/src/components/footer/SocialChannels.tsx
+++ b/explorer-nextjs/src/components/footer/SocialChannels.tsx
@@ -1,7 +1,7 @@
 "use client";
-import { Link } from "@/components/muiLink";
 import { Box } from "@mui/material";
 import socialChannels from "../../app/i18n/locales/en/social-channels.json";
+import { Link } from "./MuiLink";
 
 import { SocialIcon } from "./SocialIcon";
 
diff --git a/explorer-nextjs/src/components/footer/Wrapper.tsx b/explorer-nextjs/src/components/footer/Wrapper.tsx
new file mode 100644
index 0000000000..7c2f0980f2
--- /dev/null
+++ b/explorer-nextjs/src/components/footer/Wrapper.tsx
@@ -0,0 +1,21 @@
+import { Box } from "@mui/material";
+import type { BoxProps } from "@mui/system";
+
+export type WrapperProps = BoxProps;
+
+export function Wrapper({ children, sx, ...props }: WrapperProps) {
+  return (
+    <Box
+      sx={{
+        mx: "auto",
+        maxWidth: "1378px",
+        width: "100%",
+        px: "30px",
+        ...sx,
+      }}
+      {...props}
+    >
+      {children}
+    </Box>
+  );
+}
diff --git a/explorer-nextjs/src/components/footer/index.tsx b/explorer-nextjs/src/components/footer/index.tsx
index 0f5c869926..5e4e3a7110 100644
--- a/explorer-nextjs/src/components/footer/index.tsx
+++ b/explorer-nextjs/src/components/footer/index.tsx
@@ -1,12 +1,12 @@
 // API
 
-import { SocialChannels } from "@/components/footer/SocialChannels";
+import { SocialChannels } from "./SocialChannels";
 // Components
-import { Wrapper } from "@/components/wrapper";
+import { Wrapper } from "./Wrapper";
 
-import { getFooter } from "@/app/features/footer/api/getFooter";
 // MUI Components
 import { Box, Typography } from "@mui/material";
+import { getFooter } from "../../app/features/footer/api/getFooter";
 import { NewsletterSignUp } from "./NewsLetterSignUp";
 import { FooterLinks } from "./footer-links";