Update GitHub Actions (#63)

* Add lint workflow

* Only deploy on `main`

* `npm install rollup`

* Update actions names

* Fix linter errors and move admin table to `Table` component

* Fix last lint error

.github/workflows/lint.yml

@@ -0,0 +1,25 @@
+name: Lint
+
+on:
+  pull_request:
+
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true   
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '21'
+          cache: 'npm'
+      - name: Install dependencies
+        run: |
+          npm install
+      - name: Lint
+        run: npm run lint

.github/workflows/pages.yml

@@ -1,4 +1,4 @@
-name: Deploy to GitHub Pages
+name: GitHub Pages
 
 on:
   push:
@@ -24,7 +24,6 @@ jobs:
       - name: Install dependencies
         run: |
           npm install
-          npm install @rollup/rollup-linux-x64-gnu
       - name: Build
         run: npm run build
       - name: Setup Pages
@@ -35,6 +34,7 @@ jobs:
           path: './dist'
 
   deploy:
+    if: github.ref == 'refs/heads/main'
     needs: build
     # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
     permissions:

package.json

@@ -15,7 +15,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.12.0",
-    "react-router-dom": "^6.21.0"
+    "react-router-dom": "^6.21.0",
+    "rollup": "^4.12.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.43",

src/App.jsx

@@ -1,3 +1,4 @@
+import PropTypes from "prop-types";
 import "./App.css";
 import {
   BrowserRouter as Router,
@@ -6,7 +7,7 @@ import {
   Navigate,
 } from "react-router-dom";
 import "bootstrap/dist/css/bootstrap.min.css";
-import { AutoSignIn } from "./utils/firebaseUtils";
+import { AutoSignIn } from "./firebase/AutoSignIn";
 import { ItemsProvider } from "./contexts/ItemsProvider";
 import { ModalsProvider } from "./contexts/ModalsProvider";
 import Navbar from "./components/Navbar";
@@ -55,4 +56,9 @@ function App() {
   );
 }
 
+App.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.element),
+  condition: PropTypes.bool
+}
+
 export default App;

src/components/Footer.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { FaGithub } from "react-icons/fa";
 
 const Footer = () => {

src/components/Grid.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { Item } from "./Item";
 import { ItemsContext } from "../contexts/ItemsProvider";