From 1e3ed137ec4c1044fe62d0181ba4ccd7c583ff4a Mon Sep 17 00:00:00 2001
From: lotherk <konrad@lother.io>
Date: Fri, 27 Mar 2026 14:38:07 +0000
Subject: [PATCH] fix: App.tsx syntax errors - proper template literal escaping

---
 frontend/src/App.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 32e00cb..70bcd0c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -15,6 +15,8 @@ import SearchModal from './components/SearchModal';
 import { useTheme } from './lib/ThemeContext';
 import packageJson from '../package.json';
 
+const GIT_URL = (import.meta.env.VITE_GIT_URL as string) || 'https://git.kropa.tech/lotherk/deardiary';
+
 function PrivateRoute({ children }: { children: React.ReactNode }) {
   const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
 
@@ -79,9 +81,10 @@ function Navbar({ onQuickAdd, onSearch, appName = 'DearDiary' }: { onQuickAdd: (
 
 function Footer({ appName = 'DearDiary' }: { appName?: string }) {
   const { resolvedTheme } = useTheme();
+  const licenseUrl = GIT_URL + '/src/branch/main/LICENSE';
   return (
-    <footer className={`py-6 text-center text-sm text-slate-500 ${resolvedTheme === 'dark' ? 'border-t border-slate-800' : 'border-t border-slate-200'}`}>
-      <p>{appName} v{packageJson.version} · <a href={import.meta.env.VITE_GIT_URL || 'https://git.kropa.tech/lotherk/deardiary'} target="_blank" rel="noopener noreferrer" className="hover:text-purple-400 transition">Git Repository</a> · <a href={`${import.meta.env.VITE_GIT_URL || 'https://git.kropa.tech/lotherk/deardiary'}/src/branch/main/LICENSE'} target="_blank" rel="noopener noreferrer" className="hover:text-purple-400 transition">License</a></p>
+    <footer className={"py-6 text-center text-sm text-slate-500 " + (resolvedTheme === 'dark' ? 'border-t border-slate-800' : 'border-t border-slate-200')}>
+      <p>{appName} v{packageJson.version} · <a href={GIT_URL} target="_blank" rel="noopener noreferrer" className="hover:text-purple-400 transition">Git Repository</a> · <a href={licenseUrl} target="_blank" rel="noopener noreferrer" className="hover:text-purple-400 transition">License</a></p>
     </footer>
   );
 }
@@ -130,7 +133,7 @@ function App() {
 
   return (
     <BrowserRouter>
-      <div className={`min-h-screen ${resolvedTheme === 'dark' ? 'bg-slate-950 text-slate-100' : 'bg-white text-slate-900'}`}>
+      <div className={"min-h-screen " + (resolvedTheme === 'dark' ? 'bg-slate-950 text-slate-100' : 'bg-white text-slate-900')}>
         {isAuthenticated && (
           <>
             <Navbar onQuickAdd={() => setShowQuickAdd(true)} onSearch={() => setShowSearch(true)} appName={appName} />