37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import { config } from '@/lib/config';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
export default function AppFooter() {
|
|
const [version, setVersion] = useState<string>('');
|
|
|
|
useEffect(() => {
|
|
fetch('/api/version')
|
|
.then(res => res.json())
|
|
.then(data => setVersion(data.version))
|
|
.catch(() => setVersion(''));
|
|
}, []);
|
|
|
|
if (!config.credits.enabled) return null;
|
|
|
|
return (
|
|
<footer className="app-footer">
|
|
<p>
|
|
{config.credits.text}{' '}
|
|
<a href={config.credits.linkUrl} target="_blank" rel="noopener noreferrer">
|
|
{config.credits.linkText}
|
|
</a>
|
|
{version && (
|
|
<>
|
|
{' '}·{' '}
|
|
<span style={{ fontSize: '0.85em', opacity: 0.7 }}>
|
|
{version}
|
|
</span>
|
|
</>
|
|
)}
|
|
</p>
|
|
</footer>
|
|
);
|
|
}
|