import h, { FunctionComponent } from '../../../lib/tsx/TsxParser';
import { Link } from './Link';

interface FooterProps {
    firstName: string;
    lastName: string;
    gitRevision: string;
    githubLink: string;
}

export const Footer: FunctionComponent<FooterProps> = (props: FooterProps) => {
    const { firstName, lastName, gitRevision, githubLink } = props;

    return (
        <footer>
            <p>
                &copy; {firstName} {lastName}
            </p>
            <p>
                This site is Open Source. Current revision {gitRevision}.
                <Link href={githubLink} title="GitHub" content="Code available on GitHub." />
            </p>
        </footer>
    );
};

import h, { FunctionComponent } from '../../../lib/tsx/TsxParser';
import { Link } from './Link';

interface FooterProps {
    firstName: string;
    lastName: string;
    gitRevision: string;
    githubLink: string;
}

export const Footer: FunctionComponent<FooterProps> = (props: FooterProps) => {
    const { firstName, lastName, gitRevision, githubLink } = props;

    return (
        <footer>
            <p>
                &copy; {firstName} {lastName}
            </p>
            <p>
                This site is Open Source. Current revision {gitRevision}.&nbsp;
                <Link href={githubLink} title="GitHub" content="Code available on GitHub." />
            </p>
        </footer>
    );
};

Fix missing space before Github link.
Fix missing space before Github link.
