Merge pull request #18 from vim/add-verify-gh-action

jomunker · web-flow · commit cd60bd02359f · 2024-03-14T23:11:49.000+01:00
Add GitHub Actions for CMS and Web
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/.github/workflows/verify-cms.yml b/.github/workflows/verify-cms.yml
@@ -0,0 +1,33 @@
+name: Verify CMS
+
+on:
+  push:
+    branches:
+      - main
+      - development
+    paths:
+      - cms/**
+  pull_request:
+    branches:
+      - main
+      - development
+    paths:
+      - cms/**
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18'
+      - name: Install cms dependencies
+        run: cd cms && npm ci
+      - name: Lint cms
+        run: cd cms && npm run lint
+      - name: Build cms
+        run: cd cms && npm run build
diff --git a/.github/workflows/verify-web.yml b/.github/workflows/verify-web.yml
@@ -0,0 +1,33 @@
+name: Verify Web
+
+on:
+  push:
+    branches:
+      - main
+      - development
+    paths:
+      - web/**
+  pull_request:
+    branches:
+      - main
+      - development
+    paths:
+      - web/**
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18'
+      - name: Install web dependencies
+        run: cd web && npm ci
+      - name: Lint web
+        run: cd web && npm run lint
+      - name: Build web
+        run: cd web && npm run build
diff --git a/cms/.editorconfig b/cms/.editorconfig
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>;
 }
