From ac618394590b31d2d01b72f8e1e6e44c6db42e18 Mon Sep 17 00:00:00 2001
From: Juan Denis <jhd3197@gmail.com>
Date: Mon, 2 Nov 2026 21:08:15 -0500
Subject: [PATCH] fix(frontend): replace lucide brand icons removed in v1 with
 react-icons

---
 frontend/src/components/settings/AboutTab.jsx         | 3 ++-
 frontend/src/components/settings/IconReferenceTab.jsx | 5 +----
 frontend/src/components/settings/ThemeStudioModal.jsx | 3 ++-
 frontend/src/pages/GithubAppCallback.jsx              | 3 ++-
 frontend/src/pages/Services.jsx                       | 3 ++-
 frontend/src/pages/SourceConnectionCallback.jsx       | 3 ++-
 6 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/settings/AboutTab.jsx b/frontend/src/components/settings/AboutTab.jsx
index ef12b108..bdf24881 100644
--- a/frontend/src/components/settings/AboutTab.jsx
+++ b/frontend/src/components/settings/AboutTab.jsx
@@ -1,9 +1,10 @@
 import { useState, useEffect, useRef } from 'react';
 import api from '../../services/api';
 import {
-    Github, FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
+    FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
     RefreshCw, ExternalLink, Star, X, AlertTriangle
 } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import ServerKitLogo from '../ServerKitLogo';
 import ErrorState from '../ErrorState';
 import { Button } from '@/components/ui/button';
diff --git a/frontend/src/components/settings/IconReferenceTab.jsx b/frontend/src/components/settings/IconReferenceTab.jsx
index bfb25df2..425a4698 100644
--- a/frontend/src/components/settings/IconReferenceTab.jsx
+++ b/frontend/src/components/settings/IconReferenceTab.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import {
-    Github, FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
+    FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
     RefreshCw, ExternalLink, Star, X, Code, Search, Container, Globe, BarChart3,
     Database, Shield, Cloud, Video, Music, Image, Home, Server, GitBranch, Workflow,
     HardDrive, Lock, Users, Settings as SettingsIcon, Layers, ChevronDown, Copy, Tag,
@@ -48,9 +48,6 @@ const ICON_CATALOG = {
     'Navigation & UI': {
         Home, Star, Sun, Moon, Palette, Play, Square, Calendar, Clock,
         LogOut, SettingsIcon, Newspaper, TrendingUp, BarChart3, Minus
-    },
-    'Brands': {
-        Github
     }
 };
 
diff --git a/frontend/src/components/settings/ThemeStudioModal.jsx b/frontend/src/components/settings/ThemeStudioModal.jsx
index 8a4a87e6..6e5cb979 100644
--- a/frontend/src/components/settings/ThemeStudioModal.jsx
+++ b/frontend/src/components/settings/ThemeStudioModal.jsx
@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useState, useId } from 'react';
-import { Download, Save, Github } from 'lucide-react';
+import { Download, Save } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import {
     Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription,
 } from '@/components/ui/dialog';
diff --git a/frontend/src/pages/GithubAppCallback.jsx b/frontend/src/pages/GithubAppCallback.jsx
index 83a4e87e..90b3629e 100644
--- a/frontend/src/pages/GithubAppCallback.jsx
+++ b/frontend/src/pages/GithubAppCallback.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
-import { Github, Loader2 } from 'lucide-react';
+import { Loader2 } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';
 import { useTranslation } from 'react-i18next';
diff --git a/frontend/src/pages/Services.jsx b/frontend/src/pages/Services.jsx
index fc943559..cdce5c8d 100644
--- a/frontend/src/pages/Services.jsx
+++ b/frontend/src/pages/Services.jsx
@@ -1,6 +1,7 @@
 import { useCallback, useState, useEffect, useMemo  } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
-import { Layers, Plus, Square, Play, RotateCw, GitBranch, Github, FolderOpen, FileArchive, FolderKanban, ArrowDownToLine } from 'lucide-react';
+import { Layers, Plus, Square, Play, RotateCw, GitBranch, FolderOpen, FileArchive, FolderKanban, ArrowDownToLine } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';
 import { getServiceType, getStatusConfig, formatRelativeTime } from '../utils/serviceTypes';
diff --git a/frontend/src/pages/SourceConnectionCallback.jsx b/frontend/src/pages/SourceConnectionCallback.jsx
index 8b6a9e1f..84d9242a 100644
--- a/frontend/src/pages/SourceConnectionCallback.jsx
+++ b/frontend/src/pages/SourceConnectionCallback.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
-import { Github, Gitlab, GitBranch, Loader2 } from 'lucide-react';
+import { GitBranch, Loader2 } from 'lucide-react';
+import { SiGithub as Github, SiGitlab as Gitlab } from 'react-icons/si';
 import { SiBitbucket } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';