feat: add qr code scanner (#386)

Author: arian81

.github/workflows/PR-CI.yaml

@@ -24,14 +24,16 @@ jobs:
     name: Run Prettier Check
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-      - uses: actions/setup-node@v3
+          ref: ${{ github.head_ref }}
+          persist-credentials: false
+
+      - name: Prettify code
+        uses: creyD/prettier_action@v4.6
         with:
-          node-version: 20
-      - run: pnpm install prettier
-      - run: pnpm run format:check
+          dry: true
+          prettier_options: --check .
+          github_token: ${{ secrets.GITHUB_TOKEN }}

next-env.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 /// <reference types="next/navigation-types/compat/navigation" />
-/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -48,6 +48,7 @@
     "@uppy/progress-bar": "^4.2.1",
     "@uppy/react": "^4.4.0",
     "@uppy/xhr-upload": "^4.3.3",
+    "@yudiel/react-qr-scanner": "^2.4.1",
     "bootstrap": "^5.3.7",
     "bootstrap-icons": "^1.13.1",
     "class-variance-authority": "^0.7.1",

pnpm-lock.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - sharp

pnpm-workspace.yaml

@@ -0,0 +1,16 @@
+-- DropTable
+DROP TABLE IF EXISTS "EventLog";
+
+-- CreateTable
+CREATE TABLE "EventLog" (
+    "id" STRING NOT NULL,
+    "userId" STRING NOT NULL,
+    "timestamp" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "station" STRING NOT NULL,
+    "type" STRING NOT NULL,
+
+    CONSTRAINT "EventLog_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "EventLog" ADD CONSTRAINT "EventLog_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20251229051406_update_event_table_for_new_scanner/migration.sql

@@ -85,7 +85,8 @@ model EventLog {
   userId    String
   user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
   timestamp DateTime @default(now())
-  event     String
+  station   String
+  type      String
 }
 
 model VerificationToken {

prisma/schema.prisma

@@ -0,0 +1,60 @@
+import { useCallback, useEffect, useState } from "react";
+
+const QUEUE_KEY = "offlineQueue";
+
+/**
+ * Custom hook to manage an offline queue in localStorage
+ * Handles adding, removing, and retrieving queued items (id + task)
+ */
+export const useOfflineQueue = <T extends { id: string }>(key = QUEUE_KEY) => {
+  const [queuedItems, setQueuedItems] = useState<T[]>([]);
+
+  // Load queued items from localStorage on mount
+  useEffect(() => {
+    try {
+      const existing = localStorage.getItem(key);
+      const items: T[] = existing ? JSON.parse(existing) : [];
+      setQueuedItems(items);
+    } catch {
+      setQueuedItems([]);
+    }
+  }, [key]);
+
+  const addToQueue = useCallback(
+    (item: T) => {
+      setQueuedItems((prev) => {
+        if (prev.some((existing) => existing.id === item.id)) {
+          return prev;
+        }
+        const updated = [...prev, item];
+        try {
+          localStorage.setItem(key, JSON.stringify(updated));
+        } catch {}
+        return updated;
+      });
+    },
+    [key],
+  );
+
+  const removeFromQueue = useCallback(
+    (id: string) => {
+      setQueuedItems((prev) => {
+        const updated = prev.filter((item) => item.id !== id);
+        if (updated.length === prev.length) {
+          return prev;
+        }
+        try {
+          localStorage.setItem(key, JSON.stringify(updated));
+        } catch {}
+        return updated;
+      });
+    },
+    [key],
+  );
+
+  return {
+    queuedItems,
+    addToQueue,
+    removeFromQueue,
+  };
+};