Added Automatic deployment of frontend

.github/workflows/nodejs-deploy.yml

@@ -0,0 +1,40 @@
+name: Build and Cache Node.js Application
+
+on:
+ push:
+ branches:
+ - master
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+
+ steps:
+ - name: Checkout code
+ uses: actions/checkout@v3
+
+ - name: Set up Node.js
+ uses: actions/setup-node@v3
+ with:
+ node-version: 22.2.0
+
+ - name: Install pnpm
+ run: cd frontend && npm install -g pnpm
+
+ - name: Cache pnpm store
+ uses: actions/cache@v3
+ with:
+ path: ~/.pnpm-store
+ key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+ restore-keys: |
+ ${{ runner.os }}-pnpm-store-
+
+ - name: Install dependencies
+ if: steps.pnpm-cache.outputs.cache-hit != 'true'
+ run: cd frontend && pnpm install
+
+ - name: Build the application
+ run: cd frontend && pnpm run build
+
+ - name: Deploy the application
+ run: cd frontend && pnpm run deploy

.github/workflows/nodejs-pr.yml

@@ -0,0 +1,38 @@
+name: Build and Cache Node.js Application
+
+on:
+ pull_request:
+ branches:
+ - master
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+
+ steps:
+ - name: Checkout code
+ uses: actions/checkout@v3
+
+ - name: Set up Node.js
+ uses: actions/setup-node@v3
+ with:
+ node-version: 22.2.0
+
+ - name: Install pnpm
+ run: cd frontend && npm install -g pnpm
+
+ - name: Cache pnpm store
+ uses: actions/cache@v3
+ with:
+ path: ~/.pnpm-store
+ key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+ restore-keys: |
+ ${{ runner.os }}-pnpm-store-
+
+ - name: Install dependencies
+ if: steps.pnpm-cache.outputs.cache-hit != 'true'
+ run: cd frontend && pnpm install
+
+ - name: Build the application
+ run: cd frontend && pnpm run build
+

frontend/src/App.js

@@ -1,4 +1,4 @@
-import React, { Component, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import "./App.css";
 import CustomTable from "./CustomTable.js";
 import PropTypes from "prop-types";
@@ -23,14 +23,14 @@ function App({ schedule, empty_schedule }) {
  if (loading)
  return (
  <div className="message-banner">
- <iframe src="https://lottie.host/?file=ca9a3787-e6db-4878-a0d3-d10dde95b225/MjnHw4B5gw.json"></iframe>
+ <iframe src="https://lottie.host/?file=ca9a3787-e6db-4878-a0d3-d10dde95b225/MjnHw4B5gw.json" title="cat-1"></iframe>
  <div className="message">Chillzone is loading</div>
  </div>
  );
  else if (!show)
  return (
  <div className="message-banner">
- <iframe src="https://lottie.host/?file=46b58d32-043e-4268-94cd-4d7817565000/xNnhIYFoYA.json"></iframe>
+ <iframe src="https://lottie.host/?file=46b58d32-043e-4268-94cd-4d7817565000/xNnhIYFoYA.json" title="cat-2"></iframe>
  <div className="message">
  Please connect to IIT Kharagpur campus network to access this site!
  </div>