Fix/pipeline #38 (#39)

* fix: fixing nodejs pipeline

* fix: fixing nodejs pipeline

.github/workflows/node.js.yml

@@ -5,16 +5,15 @@ name: Node.js CI
 
 on:
   push:
-    branches: 
+    branches:
       - '*'
 
   pull_request:
-    branches: 
+    branches:
       - '*'
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -23,12 +22,11 @@ jobs:
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: yarn install --frozen-lockfile
-    - run: yarn build 
-
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+      - run: yarn install --frozen-lockfile
+      - run: yarn build

docs/ExportAsCsv.md

@@ -19,4 +19,4 @@ sequenceDiagram
 
 ```
 
-This sequence diagram provides a clear visualization of the steps involved in exporting data as a CSV file, from user request through data formatting and delivery. This functionality is especially useful in applications where data portability and offline data analysis are important features.
+This sequence diagram provides a clear visualization of the steps involved in exporting data as a CSV file, from user request through data formatting and delivery. This functionality is especially useful in applications where data portability and offline data analysis are important features.

docs/Pagination.md

@@ -18,4 +18,4 @@ sequenceDiagram
 
 ```
 
-This sequence outlines the interactions involved in fetching and displaying paginated scan results. This process ensures that the system can efficiently handle large datasets by only fetching and displaying a manageable subset of data at a time, which is crucial for performance and usability.
+This sequence outlines the interactions involved in fetching and displaying paginated scan results. This process ensures that the system can efficiently handle large datasets by only fetching and displaying a manageable subset of data at a time, which is crucial for performance and usability.

docs/SequenceDiagramExample.md

@@ -23,4 +23,4 @@ sequenceDiagram
 
 ```
 
-This sequence diagram provides a clear, step-by-step visualization of the interactions involved in capturing and storing a photo in the system. It helps in understanding the flow of data and control between different parts of the application, which is essential for both development and troubleshooting.
+This sequence diagram provides a clear, step-by-step visualization of the interactions involved in capturing and storing a photo in the system. It helps in understanding the flow of data and control between different parts of the application, which is essential for both development and troubleshooting.

package.json

@@ -44,11 +44,7 @@
     "vite-plugin-eslint": "^1.8.1"
   },
   "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.tsx": [
+    "*.{ts,tsx,cjs,svg,json}": [
       "eslint --fix",
       "prettier --write"
     ]

src/app.tsx

@@ -4,17 +4,16 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import UserLogin from './components/UserLogin';
 import Homepage from './components/home-page';
 
-
 /**
  * The main application component.
  */
 export function App(): JSX.Element {
   return (
-      <Router>
-        <Routes>
-          <Route path="/" element={<Homepage />} />
-          <Route path="/login" element={<UserLogin/>} />
-        </Routes>
-      </Router>
-    );
+    <Router>
+      <Routes>
+        <Route path="/" element={<Homepage />} />
+        <Route path="/login" element={<UserLogin />} />
+      </Routes>
+    </Router>
+  );
 }

src/components/UserLogin.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const UserLogin: React.FC = () => {
   return <h2>Login</h2>;
-}
+};
 
 export default UserLogin;

src/components/home-page.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 
 const Homepage: React.FC = () => {
   return <h2>Home</h2>;
-}
+};
 
 export default Homepage;
-

src/components/startnewscan.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const StartNewScan: React.FC = () => {
   return <h2>Start a new scan</h2>;
-}
+};
 
 export default StartNewScan;

src/components/take-photo.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const TakePhoto: React.FC = () => {
   return <h2>Take a photo</h2>;
-}
+};
 
 export default TakePhoto;

src/components/view-past-scan.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const ViewPastScan: React.FC = () => {
   return <h2>View past scan</h2>;
-}
+};
 
 export default ViewPastScan;