fix(web): build errors

jomunker · jomunker · commit 09f7562d42eb · 2024-03-14T22:52:22.000+01:00
diff --git a/.env.example b/.env.example
@@ -13,5 +13,3 @@ CMS_API_TOKEN_SALT=testtoken
 CMS_ADMIN_JWT_SECRET=testsecret
 CMS_JWT_SECRET=testsecret
 CMS_TRANSFER_TOKEN_SALT=testtoken
-
-NODE_ENV=development
diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
@@ -24,22 +24,26 @@ export const metadata: Metadata = {
 
 async function getPageProps() {
 	const query = qs.stringify(params, { addQueryPrefix: true });
-	const respose = await fetch(`${process.env.CMS_API}/menus/1${query}`, {
-		// headers: {
-		//     authorization: `Bearer ${process.env.CMS_TOKEN}`,
-		// },
-	});
-	return (await respose.json()).data.attributes.items.data;
+
+	try {
+		const response = await fetch(`${process.env.CMS_API}/menus/1${query}`, {
+			// headers: {
+			//     authorization: `Bearer ${process.env.CMS_TOKEN}`,
+			// },
+		});
+
+		return (await response.json()).data.attributes.items.data;
+	} catch (error) {
+		return [];
+	}
 }
 
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
 	const pageProps = await getPageProps();
 
 	return (
 		<html lang="en">
-			<body className={inter.className}>
-				<Layout pages={pageProps}>{children}</Layout>
-			</body>
+			<body className={inter.className}>{pageProps && <Layout pages={pageProps}>{children}</Layout>}</body>
 		</html>
 	);
 }
diff --git a/web/src/components/common/Card/Carousel.tsx b/web/src/components/common/Card/Carousel.tsx
@@ -1,13 +1,14 @@
+// @ts-nocheck
 "use client";
-import React, { useEffect, useRef } from "react";
-import { register } from "swiper/element";
+import React, { PropsWithChildren, useEffect, useRef } from "react";
+import { register, SwiperContainer } from "swiper/element";
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function Carousel(props: { [x: string]: any; children: any }) {
-	const swiperRef = useRef(null);
+export function Carousel(props: PropsWithChildren<Record<string, unknown>>) {
+	const swiperRef = useRef<SwiperContainer>(null);
 	const { children, ...rest } = props;
 
 	useEffect(() => {
+		if (!swiperRef.current) return;
 		// Register Swiper web component
 		register();
 
@@ -21,7 +22,7 @@ export function Carousel(props: { [x: string]: any; children: any }) {
 
 		// initialize swiper
 		swiperRef.current.initialize();
-	}, []);
+	}, [rest, swiperRef]);
 
 	return (
 		<swiper-container init="false" ref={swiperRef}>
@@ -32,5 +33,6 @@ export function Carousel(props: { [x: string]: any; children: any }) {
 export function CarouselSlide(props) {
 	const { children, ...rest } = props;
 
+	// @ts-ignore
 	return <swiper-slide {...rest}>{children}</swiper-slide>;
 }
