sandrodachandClaude Opus 5.5
61541b2851
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 1m23s
chore(release): v0.14.1 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { AuthStatus } from '../lib/types';
|
|
import { APP_VERSION } from '../version';
|
|
import { LegalLinks } from './LegalLinks';
|
|
|
|
interface AppFooterProps {
|
|
legal?: AuthStatus['legal'];
|
|
onOpenAbout: () => void;
|
|
}
|
|
|
|
export const AppFooter: React.FC<AppFooterProps> = ({ legal, onOpenAbout }) => {
|
|
// One small, even line: same font, size and weight for every part (mixed mono/bold looked crooked)
|
|
const item = 'leading-none hover:text-muted transition-colors cursor-pointer';
|
|
return (
|
|
<footer className="hidden sm:flex shrink-0 w-full max-w-6xl mx-auto px-4 py-1.5 items-center justify-between text-[10px] leading-none text-faint select-none">
|
|
<div className="flex items-center gap-1.5">
|
|
<button type="button" onClick={onOpenAbout} className={item} title="Über MindSift & Versionsdetails">
|
|
MindSift {APP_VERSION}
|
|
</button>
|
|
<span aria-hidden>·</span>
|
|
<button type="button" onClick={onOpenAbout} className={item}>
|
|
Über MindSift
|
|
</button>
|
|
</div>
|
|
|
|
<LegalLinks legal={legal} className="!text-[10px] !text-faint !gap-x-3 leading-none" />
|
|
</footer>
|
|
);
|
|
};
|