From 4ea8fe21d47654423bdf719255a5aa053c381458 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:34:10 +0800
Subject: [PATCH 1/9] Added two new apis

---
 backend/main.go | 53 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/backend/main.go b/backend/main.go
index b643734..4efbebc 100644
--- a/backend/main.go
+++ b/backend/main.go
@@ -157,6 +157,7 @@ func connect() {
 				"result":  array,
 				"result2": array2,
 			})
+
 		}
 	})
 
@@ -439,8 +440,60 @@ func connect() {
 			c.JSON(http.StatusOK, gin.H{
 				"result": result,
 			})
+
+		case "get-employeeid":
+			err := db.QueryRow("SELECT IFNULL(employeeid, 0) AS result FROM employee WHERE employeename = ?", data).Scan(&result)
+			if err != nil {
+				c.AbortWithError(http.StatusBadRequest, err)
+				c.String(http.StatusBadRequest, err.Error())
+			}
+			c.JSON(http.StatusOK, gin.H{
+				"result": result,
+			})
 		}
 	})
 
+	router.POST("/api/post-registration", func(c *gin.Context) {
+		type RegistrationData struct {
+			Data  string `json:"data"`
+			Data2 string `json:"data2"`
+		}
+		var registrationData RegistrationData
+		if err := c.ShouldBindJSON(&registrationData); err != nil {
+			c.String(http.StatusBadRequest, "Invalid request body")
+			return
+		}
+
+		c.Writer.Header().Set("X-XSS-Protection", "1; mode=block")
+		c.Writer.Header().Set("X-Content-Type-Options", "nosniff")
+		c.Writer.Header().Set("X-DNS-Prefetch-Control", "off")
+		c.Writer.Header().Set("X-Frame-Options", "DENY")
+		c.Writer.Header().Set("X-Download-Options", "noopen")
+		c.Writer.Header().Set("Referrer-Policy", "no-referrer")
+
+		dbpost, err := db.Prepare("INSERT INTO esign (esignid, employeeid, signature) VALUES (NULL, ?, ?)")
+		if err != nil {
+			panic(err.Error())
+		}
+		defer dbpost.Close()
+
+		exec, err := dbpost.Exec(registrationData.Data, registrationData.Data2)
+		if err != nil {
+			panic(err.Error())
+		}
+
+		affect, err := exec.RowsAffected()
+		if err != nil {
+			panic(err.Error())
+		}
+
+		if affect > 0 {
+			c.String(http.StatusOK, "Success on Registrating e-Sign")
+		} else {
+			c.String(http.StatusInternalServerError, "Failed on Registrating e-Sign")
+		}
+
+	})
+
 	router.Run(":4320")
 }

From 68e189bd3b56dcc708859bb4087d608330ecbc36 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:34:22 +0800
Subject: [PATCH 2/9] Added crypto-js

---
 package.json   |  2 ++
 pnpm-lock.yaml | 16 ++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/package.json b/package.json
index 3a01276..f600c84 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@kobalte/core": "^0.13.11",
     "@solidjs/router": "^0.15.3",
+    "crypto-js": "^4.2.0",
     "gsap": "^3.13.0",
     "nanostores": "^1.0.1",
     "ofetch": "^1.4.1",
@@ -19,6 +20,7 @@
     "solid-js": "^1.9.9"
   },
   "devDependencies": {
+    "@types/crypto-js": "^4.2.2",
     "sass-embedded": "^1.93.2",
     "typescript": "~5.8.3",
     "vite": "^7.1.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0610d37..4f6dd35 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@solidjs/router':
         specifier: ^0.15.3
         version: 0.15.3(solid-js@1.9.9)
+      crypto-js:
+        specifier: ^4.2.0
+        version: 4.2.0
       gsap:
         specifier: ^3.13.0
         version: 3.13.0
@@ -33,6 +36,9 @@ importers:
         specifier: ^1.9.9
         version: 1.9.9
     devDependencies:
+      '@types/crypto-js':
+        specifier: ^4.2.2
+        version: 4.2.2
       sass-embedded:
         specifier: ^1.93.2
         version: 1.93.2
@@ -730,6 +736,9 @@ packages:
   '@types/babel__traverse@7.28.0':
     resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
 
+  '@types/crypto-js@4.2.2':
+    resolution: {integrity: sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
@@ -776,6 +785,9 @@ packages:
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -1780,6 +1792,8 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.4
 
+  '@types/crypto-js@4.2.2': {}
+
   '@types/estree@1.0.8': {}
 
   babel-plugin-jsx-dom-expressions@0.40.1(@babel/core@7.28.4):
@@ -1827,6 +1841,8 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
+  crypto-js@4.2.0: {}
+
   csstype@3.1.3: {}
 
   debug@4.4.3:

From 4db6c89fd11af66a4f67a24d2d240e083d2f5ad2 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:34:33 +0800
Subject: [PATCH 3/9] New favicon

---
 public/favicon.png | Bin 2133 -> 8671 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/public/favicon.png b/public/favicon.png
index f1dba7839f1749aeca064139247736f4d95eae09..b995ebd10a251adf4c3a82b430fd80d00641f2c1 100644
GIT binary patch
literal 8671
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

literal 2133
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
LNkvXXu0mjf$ho;k


From 5e0afdfa66ab759f9ae7d1e4b73922256268a626 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:34:55 +0800
Subject: [PATCH 4/9] Improved modal component

---
 src/components/Modal/Modal.tsx | 45 +++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index 78458c8..02a9904 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -1,27 +1,25 @@
 import './Modal.sass'
 import { type JSXElement, Show } from 'solid-js'
 import gsap from 'gsap'
-import Button from '../Button/Button'
 
 interface Props {
   children: JSXElement
   background?: string
   color?: string
   border?: string
+  trigger: boolean
 }
 
 export default (props: Props) => {
   let dialogRef!: HTMLDivElement
 
-  // const [open, setOpen] = createSignal(false)
-
-  const openHandler = () => {
-    gsap.to(dialogRef, {
-      duration: 0,
-      display: 'flex',
-      ease: 'power2.out',
-    })
-  }
+  // const openHandler = () => {
+  //   gsap.to(dialogRef, {
+  //     duration: 0,
+  //     display: 'flex',
+  //     ease: 'power2.out',
+  //   })
+  // }
 
   const closeHandler = () => {
     gsap.to(dialogRef, {
@@ -33,20 +31,21 @@ export default (props: Props) => {
 
   return (
     <>
-      <Button label="OpenDialog" onClick={openHandler}></Button>
-      <div class="modal" ref={dialogRef} onClick={closeHandler}>
-        <Show when={props.border}>
-          <div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; border: 2px solid ${props.border}`}>
-            {props.children}
-          </div>
-        </Show>
+      <Show when={props.trigger}>
+        <div class="modal" ref={dialogRef} onClick={closeHandler}>
+          <Show when={props.border}>
+            <div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; border: 2px solid ${props.border}`}>
+              {props.children}
+            </div>
+          </Show>
 
-        <Show when={!props.border}>
-          <div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; box-shadow: 5px 4px 6px rgba(0, 0, 0, 0.5)`}>
-            {props.children}
-          </div>
-        </Show>
-      </div>
+          <Show when={!props.border}>
+            <div class="modal__content" style={`background-color: ${props.background}; color: ${props.color}; box-shadow: 5px 4px 6px rgba(0, 0, 0, 0.5)`}>
+              {props.children}
+            </div>
+          </Show>
+        </div>
+      </Show>
     </>
   )
 }

From d3219d1ea8b01bf0799d5a1e172d36f96490b4e6 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:35:24 +0800
Subject: [PATCH 5/9] Changed main to div

---
 src/components/Page/Page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Page/Page.tsx b/src/components/Page/Page.tsx
index 62d9a73..789fe9e 100644
--- a/src/components/Page/Page.tsx
+++ b/src/components/Page/Page.tsx
@@ -10,10 +10,10 @@ export default (props: Props) => {
   return (
     <>
       <Show when={props.alignment}>
-        <main class={props.alignment}>{props.children}</main>
+        <div class={props.alignment}>{props.children}</div>
       </Show>
       <Show when={!props.alignment}>
-        <main class="page">{props.children}</main>
+        <div class="page">{props.children}</div>
       </Show>
     </>
   )

From 8523538bf339fcaf8be793efdbfef7ac0ce2670d Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 12:35:37 +0800
Subject: [PATCH 6/9] Updated register page

---
 src/pages/RegisterPage/Register.tsx | 91 +++++++++++++++++++++++------
 1 file changed, 74 insertions(+), 17 deletions(-)

diff --git a/src/pages/RegisterPage/Register.tsx b/src/pages/RegisterPage/Register.tsx
index 3d21825..e4d84d8 100644
--- a/src/pages/RegisterPage/Register.tsx
+++ b/src/pages/RegisterPage/Register.tsx
@@ -1,14 +1,49 @@
 import './Register.sass'
-import { Logo, Link, Page, Row, Padding, Form, Combobox, Box, File } from '../../components'
+import { Logo, Link, Page, Row, Padding, Combobox, Box, File, Button, Modal, Column } from '../../components'
 import { IoChevronBack } from 'solid-icons/io'
 import { Show, createSignal } from 'solid-js'
+import { ofetch } from 'ofetch'
+import { SHA3 } from 'crypto-js'
 
 export default () => {
+  const API = import.meta.env.VITE_BACKEND
   const assessors = JSON.parse(sessionStorage.getItem('assessors')!)
   const roles = ['ASSESSOR', 'APPROVER']
 
   const [role, setRole] = createSignal('')
   const [name, setName] = createSignal('')
+  const [id, setId] = createSignal(0)
+  const [signature, setSignature] = createSignal('')
+  const [saved, setSaved] = createSignal(false)
+
+  const getEmployeeId = async (val: string) => {
+    try {
+      setName(val)
+      const id = await ofetch(API + 'get-employeeid/' + val, { parseResponse: JSON.parse })
+      setId(id.result)
+    } catch {
+      setId(0)
+    }
+  }
+
+  const generateSignature = () => {
+    const hash = SHA3(id().toString())
+    setSignature(hash.toString())
+
+    try {
+      register()
+      setSaved(true)
+    } catch {
+      setSaved(false)
+    }
+  }
+
+  const register = async () => {
+    await ofetch(API + 'post-registration', {
+      method: 'POST',
+      body: { data: id(), data2: signature() },
+    })
+  }
 
   return (
     <>
@@ -36,27 +71,49 @@ export default () => {
                 <Row>
                   <span class="box-title">Registration</span>
                 </Row>
-                <Form>
-                  <h4>Role</h4>
-                  <Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} />
-                  <Show when={role() === 'ASSESSOR'}>
-                    <h4>List of Assessors</h4>
-                    <Combobox options={assessors} placeholder="Select your name" value={name()} onChange={setName} />
-                    <h4>Upload Signature</h4>
-                    <File />
-                  </Show>
-                  <Show when={role() === 'APPROVER'}>
-                    <h4>Name of Approver</h4>
-                    <span class="approver-name">ARCH. KHASHAYAR L. TOGHYANI</span>
-                    <h4>Upload Signature</h4>
-                    <File />
-                  </Show>
-                </Form>
+                <h4>Role</h4>
+                <Combobox options={roles} placeholder="Select your role" value={role()} onChange={setRole} />
+                <Show when={role() === 'ASSESSOR'}>
+                  <h4>List of Assessors</h4>
+                  <Combobox options={assessors} placeholder="Select your name" value={name()} onChange={(val) => getEmployeeId(val!)} />
+                  <h4>Upload Signature</h4>
+                  <File />
+
+                  <Padding top={2} bottom={0} left={0} right={0}>
+                    <Row>
+                      <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} />
+                    </Row>
+                  </Padding>
+                </Show>
+                <Show when={role() === 'APPROVER'}>
+                  <h4>Name of Approver</h4>
+                  <span class="approver-name">ARCH. KHASHAYAR L. TOGHYANI</span>
+                  <h4>Upload Signature</h4>
+                  <File />
+
+                  <Padding top={2} bottom={0} left={0} right={0}>
+                    <Row>
+                      <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} />
+                    </Row>
+                  </Padding>
+                </Show>
               </Box>
             </Row>
           </Padding>
         </Padding>
       </Page>
+
+      <Modal trigger={!saved()} background="#0f1720f3" color="#ffffffe4">
+        <Padding top={1} bottom={1} left={4} right={4}>
+          <Column>
+            <Row>
+              <span>e-Sign Registration Complete</span>
+            </Row>
+
+            <span>e-Sign Registration Complete</span>
+          </Column>
+        </Padding>
+      </Modal>
     </>
   )
 }

From 30b159ce7cc6298a65bc35061d655b5660021654 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 18:05:15 +0800
Subject: [PATCH 7/9] Added additional dependencies

---
 package.json   |   5 +-
 pnpm-lock.yaml | 331 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 335 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f600c84..c9e491b 100644
--- a/package.json
+++ b/package.json
@@ -10,14 +10,17 @@
   },
   "dependencies": {
     "@kobalte/core": "^0.13.11",
+    "@solidjs-use/integrations": "^2.3.0",
     "@solidjs/router": "^0.15.3",
     "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.18",
     "gsap": "^3.13.0",
     "nanostores": "^1.0.1",
     "ofetch": "^1.4.1",
     "sharp": "^0.34.4",
     "solid-icons": "^1.1.0",
-    "solid-js": "^1.9.9"
+    "solid-js": "^1.9.9",
+    "solidjs-use": "^2.3.0"
   },
   "devDependencies": {
     "@types/crypto-js": "^4.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4f6dd35..a3b272b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,12 +11,18 @@ importers:
       '@kobalte/core':
         specifier: ^0.13.11
         version: 0.13.11(solid-js@1.9.9)
+      '@solidjs-use/integrations':
+        specifier: ^2.3.0
+        version: 2.3.0(qrcode@1.5.4)(sortablejs@1.15.6)
       '@solidjs/router':
         specifier: ^0.15.3
         version: 0.15.3(solid-js@1.9.9)
       crypto-js:
         specifier: ^4.2.0
         version: 4.2.0
+      dayjs:
+        specifier: ^1.11.18
+        version: 1.11.18
       gsap:
         specifier: ^3.13.0
         version: 3.13.0
@@ -35,6 +41,9 @@ importers:
       solid-js:
         specifier: ^1.9.9
         version: 1.9.9
+      solidjs-use:
+        specifier: ^2.3.0
+        version: 2.3.0
     devDependencies:
       '@types/crypto-js':
         specifier: ^4.2.2
@@ -716,6 +725,51 @@ packages:
     peerDependencies:
       solid-js: ^1.6.12
 
+  '@solidjs-use/integrations@2.3.0':
+    resolution: {integrity: sha512-o8JbddwuXcyqShjV3bOl0NSfPj91hpSpmHSOFxiF+Hj2yC4eLGfh/Qwbbue8wc0h0QWWxddUuNSvePgpllesVw==}
+    peerDependencies:
+      async-validator: '*'
+      axios: '*'
+      change-case: '*'
+      drauu: '*'
+      focus-trap: '*'
+      fuse.js: '*'
+      idb-keyval: '*'
+      jwt-decode: '*'
+      nprogress: '*'
+      qrcode: '*'
+      sortablejs: '*'
+      universal-cookie: '*'
+    peerDependenciesMeta:
+      async-validator:
+        optional: true
+      axios:
+        optional: true
+      change-case:
+        optional: true
+      drauu:
+        optional: true
+      focus-trap:
+        optional: true
+      fuse.js:
+        optional: true
+      idb-keyval:
+        optional: true
+      jwt-decode:
+        optional: true
+      nprogress:
+        optional: true
+      qrcode:
+        optional: true
+      universal-cookie:
+        optional: true
+
+  '@solidjs-use/shared@2.3.0':
+    resolution: {integrity: sha512-xuPNzZ9fwigkmYXTO+a8kaT45XQCPt6jVlyiDDYCD9NRZheRJOZWiUcVjYHzjececbWTctcY8NFdsXVyxARHKg==}
+
+  '@solidjs-use/solid-to-vue@2.3.0':
+    resolution: {integrity: sha512-I2onRwzdYl2eq20M3hcTkVIeYq4hNoBpHvRJB9yzoyXRDSyp7R2glIbvdBzpsXqnTvX7HJhB2KePfxYXFvyJxw==}
+
   '@solidjs/router@0.15.3':
     resolution: {integrity: sha512-iEbW8UKok2Oio7o6Y4VTzLj+KFCmQPGEpm1fS3xixwFBdclFVBvaQVeibl1jys4cujfAK5Kn6+uG2uBm3lxOMw==}
     peerDependencies:
@@ -742,6 +796,17 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
+  '@types/web-bluetooth@0.0.16':
+    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
   babel-plugin-jsx-dom-expressions@0.40.1:
     resolution: {integrity: sha512-b4iHuirqK7RgaMzB2Lsl7MqrlDgQtVRSSazyrmx7wB3T759ggGjod5Rkok5MfHjQXhR7tRPmdwoeGPqBnW2KfA==}
     peerDependencies:
@@ -772,6 +837,10 @@ packages:
   buffer-builder@0.2.0:
     resolution: {integrity: sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==}
 
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
   caniuse-lite@1.0.30001743:
     resolution: {integrity: sha512-e6Ojr7RV14Un7dz6ASD0aZDmQPT/A+eZU+nuTNfjqmRrmkmQlnTNWH0SKmqagx9PeW87UVqapSurtAXifmtdmw==}
 
@@ -779,6 +848,16 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
   colorjs.io@0.5.2:
     resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
 
@@ -791,6 +870,9 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  dayjs@1.11.18:
+    resolution: {integrity: sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==}
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -800,6 +882,10 @@ packages:
       supports-color:
         optional: true
 
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
   destr@2.0.5:
     resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
 
@@ -812,9 +898,15 @@ packages:
     resolution: {integrity: sha512-vEtk+OcP7VBRtQZ1EJ3bdgzSfBjgnEalLTp5zjJrS+2Z1w2KZly4SBdac/WDU3hhsNAZ9E8SC96ME4Ey8MZ7cg==}
     engines: {node: '>=8'}
 
+  dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+
   electron-to-chromium@1.5.222:
     resolution: {integrity: sha512-gA7psSwSwQRE60CEoLz6JBCQPIxNeuzB2nL8vE03GK/OHxlvykbLyeiumQy1iH5C2f3YbRAZpGCMT12a/9ih9w==}
 
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   entities@6.0.1:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
@@ -841,6 +933,10 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -850,6 +946,10 @@ packages:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
   gsap@3.13.0:
     resolution: {integrity: sha512-QL7MJ2WMjm1PHWsoFrAQH/J8wUeqZvMtHO58qdekHpCfhvhSL4gSiz6vJf5EeMP0LOn3ZCprL2ki/gjED8ghVw==}
 
@@ -867,6 +967,10 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -892,6 +996,10 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -927,9 +1035,25 @@ packages:
   ofetch@1.4.1:
     resolution: {integrity: sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==}
 
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
   parse5@7.3.0:
     resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -941,14 +1065,30 @@ packages:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+
   postcss@8.5.6:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
   rollup@4.52.1:
     resolution: {integrity: sha512-/vFSi3I+ya/D75UZh5GxLc/6UQ+KoKPEvL9autr1yGcaeWzXBQr1tTXmNDS4FImFCPwBAvVe7j9YzR8PQ5rfqw==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -1090,6 +1230,9 @@ packages:
     resolution: {integrity: sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==}
     engines: {node: '>=10'}
 
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
   sharp@0.34.4:
     resolution: {integrity: sha512-FUH39xp3SBPnxWvd5iib1X8XY7J0K0X7d93sie9CJg2PO8/7gmg89Nve6OjItK53/MlAushNNxteBYfM6DEuoA==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -1117,10 +1260,24 @@ packages:
     peerDependencies:
       solid-js: ^1.3
 
+  solidjs-use@2.3.0:
+    resolution: {integrity: sha512-ZyH2jiUSQU+5S5vd8zyvqz9X2ikhMjJhDeh/TjRzjLDJlZ1RuZaMxdM+jGsrJxo3X/xBW9kDpYNONXs6wYrQCQ==}
+
+  sortablejs@1.15.6:
+    resolution: {integrity: sha512-aNfiuwMEpfBM/CN6LY0ibyhxPfPbyFeBTYJKCvzkJ2GkUpazIt3H+QIPAMHwqQ7tMKaHz1Qj+rJJCqljnf4p3A==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
   supports-color@8.1.1:
     resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
     engines: {node: '>=10'}
@@ -1222,9 +1379,27 @@ packages:
       vite:
         optional: true
 
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
 snapshots:
 
   '@babel/code-frame@7.27.1':
@@ -1763,6 +1938,18 @@ snapshots:
     dependencies:
       solid-js: 1.9.9
 
+  '@solidjs-use/integrations@2.3.0(qrcode@1.5.4)(sortablejs@1.15.6)':
+    dependencies:
+      sortablejs: 1.15.6
+    optionalDependencies:
+      qrcode: 1.5.4
+
+  '@solidjs-use/shared@2.3.0':
+    dependencies:
+      '@solidjs-use/solid-to-vue': 2.3.0
+
+  '@solidjs-use/solid-to-vue@2.3.0': {}
+
   '@solidjs/router@0.15.3(solid-js@1.9.9)':
     dependencies:
       solid-js: 1.9.9
@@ -1796,6 +1983,16 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
+  '@types/web-bluetooth@0.0.16': {}
+
+  ansi-regex@5.0.1:
+    optional: true
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+    optional: true
+
   babel-plugin-jsx-dom-expressions@0.40.1(@babel/core@7.28.4):
     dependencies:
       '@babel/core': 7.28.4
@@ -1830,6 +2027,9 @@ snapshots:
 
   buffer-builder@0.2.0: {}
 
+  camelcase@5.3.1:
+    optional: true
+
   caniuse-lite@1.0.30001743: {}
 
   chokidar@4.0.3:
@@ -1837,6 +2037,21 @@ snapshots:
       readdirp: 4.1.2
     optional: true
 
+  cliui@6.0.0:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+    optional: true
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+    optional: true
+
+  color-name@1.1.4:
+    optional: true
+
   colorjs.io@0.5.2: {}
 
   convert-source-map@2.0.0: {}
@@ -1845,10 +2060,15 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  dayjs@1.11.18: {}
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
+  decamelize@1.2.0:
+    optional: true
+
   destr@2.0.5: {}
 
   detect-libc@1.0.3:
@@ -1856,8 +2076,14 @@ snapshots:
 
   detect-libc@2.1.0: {}
 
+  dijkstrajs@1.0.3:
+    optional: true
+
   electron-to-chromium@1.5.222: {}
 
+  emoji-regex@8.0.0:
+    optional: true
+
   entities@6.0.1: {}
 
   esbuild@0.25.10:
@@ -1900,11 +2126,20 @@ snapshots:
       to-regex-range: 5.0.1
     optional: true
 
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
   gensync@1.0.0-beta.2: {}
 
+  get-caller-file@2.0.5:
+    optional: true
+
   gsap@3.13.0: {}
 
   has-flag@4.0.0: {}
@@ -1916,6 +2151,9 @@ snapshots:
   is-extglob@2.1.1:
     optional: true
 
+  is-fullwidth-code-point@3.0.0:
+    optional: true
+
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
@@ -1932,6 +2170,11 @@ snapshots:
 
   json5@2.2.3: {}
 
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+    optional: true
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -1965,10 +2208,26 @@ snapshots:
       node-fetch-native: 1.6.7
       ufo: 1.6.1
 
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+    optional: true
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+    optional: true
+
+  p-try@2.2.0:
+    optional: true
+
   parse5@7.3.0:
     dependencies:
       entities: 6.0.1
 
+  path-exists@4.0.0:
+    optional: true
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1:
@@ -1976,15 +2235,31 @@ snapshots:
 
   picomatch@4.0.3: {}
 
+  pngjs@5.0.0:
+    optional: true
+
   postcss@8.5.6:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  qrcode@1.5.4:
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+    optional: true
+
   readdirp@4.1.2:
     optional: true
 
+  require-directory@2.1.1:
+    optional: true
+
+  require-main-filename@2.0.0:
+    optional: true
+
   rollup@4.52.1:
     dependencies:
       '@types/estree': 1.0.8
@@ -2124,6 +2399,9 @@ snapshots:
 
   seroval@1.3.2: {}
 
+  set-blocking@2.0.0:
+    optional: true
+
   sharp@0.34.4:
     dependencies:
       '@img/colour': 1.0.0
@@ -2182,8 +2460,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  solidjs-use@2.3.0:
+    dependencies:
+      '@solidjs-use/shared': 2.3.0
+      '@types/web-bluetooth': 0.0.16
+
+  sortablejs@1.15.6: {}
+
   source-map-js@1.2.1: {}
 
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    optional: true
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+    optional: true
+
   supports-color@8.1.1:
     dependencies:
       has-flag: 4.0.0
@@ -2250,4 +2547,38 @@ snapshots:
     optionalDependencies:
       vite: 7.1.7(sass-embedded@1.93.2)(sass@1.93.2)
 
+  which-module@2.0.1:
+    optional: true
+
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    optional: true
+
+  y18n@4.0.3:
+    optional: true
+
   yallist@3.1.1: {}
+
+  yargs-parser@18.1.3:
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+    optional: true
+
+  yargs@15.4.1:
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+    optional: true

From ca1024c34324752bb9766a8484a651787eed3b04 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 18:06:03 +0800
Subject: [PATCH 8/9] Added QR component

---
 src/components/QR/QR.tsx | 19 +++++++++++++++++++
 src/components/index.ts  |  1 +
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/QR/QR.tsx

diff --git a/src/components/QR/QR.tsx b/src/components/QR/QR.tsx
new file mode 100644
index 0000000..ac6593e
--- /dev/null
+++ b/src/components/QR/QR.tsx
@@ -0,0 +1,19 @@
+// @ts-ignore
+import { useQRCode } from '@solidjs-use/integrations/useQRCode'
+
+interface Props {
+  value: string
+  width?: number
+}
+
+export default (props: Props) => {
+  const qrcode = useQRCode(props.value)
+
+  return (
+    <>
+      <section>
+        <img src={qrcode()} alt="QR Code" style={`width: ${props.width || 'auto' }rem`}/>
+      </section>
+    </>
+  )
+}
diff --git a/src/components/index.ts b/src/components/index.ts
index 477c6ec..2882f28 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -17,6 +17,7 @@ export { default as Modal } from './Modal/Modal'
 export { default as Table } from './Table/Table'
 export { default as Combobox } from './Combobox/Combobox'
 export { default as File } from './File/File'
+export { default as QR } from './QR/QR'
 
 // export { default as OptimizeBackground } from './Optimizers/OptimizeBackground'
 // export { default as OptimizeImage } from './Optimizers/OptimizeImage'

From 531b51355f9a3d57e97cfaa7d6f27d09a7c5bf05 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Thu, 25 Sep 2025 18:06:11 +0800
Subject: [PATCH 9/9] Updated backend

---
 backend/main.go | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/backend/main.go b/backend/main.go
index 4efbebc..da3b115 100644
--- a/backend/main.go
+++ b/backend/main.go
@@ -455,8 +455,9 @@ func connect() {
 
 	router.POST("/api/post-registration", func(c *gin.Context) {
 		type RegistrationData struct {
-			Data  string `json:"data"`
+			Data  int `json:"data"`
 			Data2 string `json:"data2"`
+      Data3 string `json:"data3"`
 		}
 		var registrationData RegistrationData
 		if err := c.ShouldBindJSON(&registrationData); err != nil {
@@ -471,13 +472,13 @@ func connect() {
 		c.Writer.Header().Set("X-Download-Options", "noopen")
 		c.Writer.Header().Set("Referrer-Policy", "no-referrer")
 
-		dbpost, err := db.Prepare("INSERT INTO esign (esignid, employeeid, signature) VALUES (NULL, ?, ?)")
+		dbpost, err := db.Prepare("INSERT INTO esign (esignid, employeeid, signature, image) VALUES (NULL, ?, ?, ?)")
 		if err != nil {
 			panic(err.Error())
 		}
 		defer dbpost.Close()
 
-		exec, err := dbpost.Exec(registrationData.Data, registrationData.Data2)
+		exec, err := dbpost.Exec(registrationData.Data, registrationData.Data2, registrationData.Data3)
 		if err != nil {
 			panic(err.Error())
 		}