From 105c4ab09050a6c14bf2780f7b353f07156bd771 Mon Sep 17 00:00:00 2001
From: Caimee <witty8010@outlook.com>
Date: Thu, 26 Mar 2026 18:51:07 +0800
Subject: [PATCH] fix: update CDN asset links to relative paths

---
 app/components/editor/index.tsx                |  6 +++---
 app/components/editor/panels/SidePanelChat.tsx |  2 +-
 app/gallery/page.tsx                           | 17 +++++++++--------
 app/page.tsx                                   | 14 +++++++++-----
 4 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/app/components/editor/index.tsx b/app/components/editor/index.tsx
index 26e3496..93a6ee8 100755
--- a/app/components/editor/index.tsx
+++ b/app/components/editor/index.tsx
@@ -271,9 +271,9 @@ export const EditorScreen = () => {
           )}
         >
           <img
-            src="https://cdn.casbin.org/img/casbin_logo_1024x256.png"
-            alt="Casbin Logo"
-            className="h-8 w-auto"
+            src="/favicon.png"
+            alt="Casbin"
+            className="h-8 w-8 rounded-md"
           />
           <span className={clsx('text-xl font-semibold', textClass)}>{t('Policy Editor')}</span>
           <a
diff --git a/app/components/editor/panels/SidePanelChat.tsx b/app/components/editor/panels/SidePanelChat.tsx
index ea91bb6..0650dd0 100644
--- a/app/components/editor/panels/SidePanelChat.tsx
+++ b/app/components/editor/panels/SidePanelChat.tsx
@@ -50,7 +50,7 @@ const SidePanelChat = forwardRef<any, { onOpenChange?: (open: boolean) => void;
       <div className={isOpen ? 'block h-full' : 'hidden'}>
         <div className="flex items-center justify-between p-4 border-b">
           <a href="https://casdoor.com" target="_blank" rel="noreferrer" className="inline-flex items-center">
-            <img src="https://casbin.org/img/casbin.svg" alt="help" className="h-5 w-5 mr-2" />
+            <img src="/favicon.png" alt="Casbin" className="h-5 w-5 mr-2 rounded-sm" />
             <div>AI Assistant</div>
           </a>
           <button onClick={toggleDrawer} className="text-gray-500 hover:text-gray-700">
diff --git a/app/gallery/page.tsx b/app/gallery/page.tsx
index 21f6aa5..daf14df 100644
--- a/app/gallery/page.tsx
+++ b/app/gallery/page.tsx
@@ -111,9 +111,9 @@ export default function GalleryPage() {
               <ArrowLeft className="w-6 h-6" />
             </button>
             <img
-              src="https://cdn.casbin.org/img/casbin_logo_1024x256.png"
-              alt="Casbin Logo"
-              className="h-8 w-auto"
+              src="/favicon.png"
+              alt="Casbin"
+              className="h-8 w-8 rounded-md"
             />
             <h1 className={clsx('text-3xl font-bold', textClass)}>
               {t('Model Gallery')}
@@ -313,12 +313,13 @@ export default function GalleryPage() {
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/casbin/casbin-editor"
-          className="transition-transform hover:scale-105 rounded-lg overflow-hidden shadow-md hover:shadow-xl"
+          className={clsx(
+            'inline-flex items-center gap-2 rounded-lg px-4 py-2 shadow-md transition-all hover:scale-105 hover:shadow-xl',
+            'bg-white/10 text-slate-100 hover:bg-white/15',
+          )}
         >
-          <img
-            alt="GitHub stars"
-            src="https://img.shields.io/github/stars/casbin/casbin-editor?style=social"
-          />
+          <img src="/github.svg" alt="" aria-hidden="true" className="h-5 w-5 invert" />
+          <span className="text-sm font-medium">GitHub</span>
         </a>
         <span className="text-slate-300 text-sm font-medium">
           {t('Copyright').replace('{year}', new Date().getFullYear().toString())}
diff --git a/app/page.tsx b/app/page.tsx
index 84f27bb..37e8699 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -18,7 +18,7 @@ import { clsx } from 'clsx';
 import { useLang } from '@/app/context/LangContext';
 
 export default function Home() {
-  const { theme } = useLang();
+  const { theme, t } = useLang();
   return (
     <main
       className={clsx(
@@ -41,12 +41,16 @@ export default function Home() {
           target="_blank"
           rel="noopener noreferrer"
           href="https://github.com/casbin/casbin-editor"
-          className="transition-transform hover:scale-105 rounded-lg overflow-hidden shadow-md hover:shadow-xl"
+          className={clsx(
+            'inline-flex items-center gap-2 rounded-lg px-4 py-2 shadow-md transition-all hover:scale-105 hover:shadow-xl',
+            'bg-white/10 text-slate-100 hover:bg-white/15',
+          )}
         >
-          <img alt="GitHub stars" src="https://img.shields.io/github/stars/casbin/casbin-editor?style=social" />
+          <img src="/github.svg" alt="" aria-hidden="true" className="h-5 w-5 invert" />
+          <span className="text-sm font-medium">GitHub</span>
         </a>
         <span className="text-slate-300 text-sm font-medium">
-          Copyright © {new Date().getFullYear()} Casbin contributors.
+          {t('Copyright').replace('{year}', new Date().getFullYear().toString())}
         </span>
         <a
           target="_blank"
@@ -54,7 +58,7 @@ export default function Home() {
           href="https://discord.gg/S5UjpzGZjN"
           className="flex items-center gap-2 text-slate-300 hover:text-white transition-colors duration-200"
         >
-          <img src="/discord.svg" alt="Discord" className="w-5 h-5 invert-[0.8]" />
+          <img src="/discord.svg" alt="" aria-hidden="true" className="w-5 h-5 invert-[0.8]" />
           <span className="text-sm font-medium">Casbin Discord</span>
         </a>
       </div>