lotherk/deardiary
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: App.tsx syntax errors - proper template literal escaping

Browse Source
This commit is contained in:
lotherk
2026-03-27 14:38:07 +00:00
parent a631e70b03
commit 1e3ed137ec
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/App.tsx
View File

@@ -15,6 +15,8 @@ import SearchModal from './components/SearchModal';
import { useTheme } from './lib/ThemeContext'; import { useTheme } from './lib/ThemeContext';
import packageJson from '../package.json'; 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 }) { function PrivateRoute({ children }: { children: React.ReactNode }) {
const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null); const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
@@ -79,9 +81,10 @@ function Navbar({ onQuickAdd, onSearch, appName = 'DearDiary' }: { onQuickAdd: (
function Footer({ appName = 'DearDiary' }: { appName?: string }) { function Footer({ appName = 'DearDiary' }: { appName?: string }) {
const { resolvedTheme } = useTheme(); const { resolvedTheme } = useTheme();
const licenseUrl = GIT_URL + '/src/branch/main/LICENSE';
return ( return (
<footer className={`py-6 text-center text-sm text-slate-500 ${resolvedTheme === 'dark' ? 'border-t border-slate-800' : 'border-t border-slate-200'}`}> <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> <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> </footer>
); );
} }
@@ -130,7 +133,7 @@ function App() {
return ( return (
<BrowserRouter> <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 && ( {isAuthenticated && (
<> <>
<Navbar onQuickAdd={() => setShowQuickAdd(true)} onSearch={() => setShowSearch(true)} appName={appName} /> <Navbar onQuickAdd={() => setShowQuickAdd(true)} onSearch={() => setShowSearch(true)} appName={appName} />