From ec6a15ba846b787e8fa4c458c37de7aee14a3483 Mon Sep 17 00:00:00 2001
From: rmyndharis <yudhi@rmyndharis.com>
Date: Wed, 20 May 2026 13:09:10 +0700
Subject: [PATCH] chore(deps): bump lucide-react from 0.575.0 to 1.16.0 in
 /dashboard

lucide-react v1 removed all brand icons. Replace the removed Github icon with an inline-SVG GithubIcon component, and add an aria-label to the footer link for an accessible name.

Supersedes #73.
---
 dashboard/package-lock.json             |  8 ++++----
 dashboard/package.json                  |  2 +-
 dashboard/src/components/GithubIcon.tsx | 23 +++++++++++++++++++++++
 dashboard/src/pages/Login.tsx           |  6 ++++--
 4 files changed, 32 insertions(+), 7 deletions(-)
 create mode 100644 dashboard/src/components/GithubIcon.tsx

diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index 46ef9ed..3ccb623 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -12,7 +12,7 @@
         "@tanstack/react-table": "^8.21.3",
         "i18next": "^26.2.0",
         "i18next-browser-languagedetector": "^8.2.1",
-        "lucide-react": "^0.575.0",
+        "lucide-react": "^1.16.0",
         "react": "^19.2.6",
         "react-dom": "^19.2.6",
         "react-i18next": "^17.0.8",
@@ -2379,9 +2379,9 @@
       }
     },
     "node_modules/lucide-react": {
-      "version": "0.575.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.575.0.tgz",
-      "integrity": "sha512-VuXgKZrk0uiDlWjGGXmKV6MSk9Yy4l10qgVvzGn2AWBx1Ylt0iBexKOAoA6I7JO3m+M9oeovJd3yYENfkUbOeg==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.16.0.tgz",
+      "integrity": "sha512-dYwyPzb4MEKpGUmNYk3WKWPnMrHs3FKM+q94kAnJrcDIqqn1hq2xY8scaS2ovsOCM5D51ey2gaRG3PBb1vgoYQ==",
       "license": "ISC",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
diff --git a/dashboard/package.json b/dashboard/package.json
index 704a378..ff9fe9c 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -14,7 +14,7 @@
     "@tanstack/react-table": "^8.21.3",
     "i18next": "^26.2.0",
     "i18next-browser-languagedetector": "^8.2.1",
-    "lucide-react": "^0.575.0",
+    "lucide-react": "^1.16.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "react-i18next": "^17.0.8",
diff --git a/dashboard/src/components/GithubIcon.tsx b/dashboard/src/components/GithubIcon.tsx
new file mode 100644
index 0000000..6d7b0d5
--- /dev/null
+++ b/dashboard/src/components/GithubIcon.tsx
@@ -0,0 +1,23 @@
+/**
+ * GitHub brand mark — inlined because lucide-react v1 removed all brand icons.
+ * Filled path + `fill="currentColor"` so it inherits color from CSS like the
+ * lucide icon it replaced. Decorative (`aria-hidden`); label the parent link.
+ */
+interface GithubIconProps {
+  size?: number;
+}
+
+export function GithubIcon({ size = 24 }: GithubIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      aria-hidden="true"
+    >
+      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+    </svg>
+  );
+}
diff --git a/dashboard/src/pages/Login.tsx b/dashboard/src/pages/Login.tsx
index 96f37ed..d4ee03c 100644
--- a/dashboard/src/pages/Login.tsx
+++ b/dashboard/src/pages/Login.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Eye, EyeOff, Github } from 'lucide-react';
+import { Eye, EyeOff } from 'lucide-react';
+import { GithubIcon } from '../components/GithubIcon';
 import './Login.css';
 
 interface LoginProps {
@@ -100,8 +101,9 @@ export function Login({ onLogin }: LoginProps) {
           target="_blank"
           rel="noopener noreferrer"
           className="github-link"
+          aria-label="GitHub"
         >
-          <Github size={18} />
+          <GithubIcon size={18} />
         </a>
       </footer>
     </div>