covidpass-greenpass-su-ipho.../components/Logo.tsx

import {useTranslation} from 'next-i18next';

import usePassCount from '../src/hooks/use_pass_count';

import Link from 'next/link'

function Logo(): JSX.Element {
    const { t } = useTranslation('common');
    const passCount = usePassCount();
    const displayPassCount = (passCount? ` - ${passCount} receipts processed to date!` : '');

    return (
        <Link href="/">
            <a className="flex flex-row items-center p-3 justify-center space-x-1">
                <svg className="fill-current" xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24"
                     height="48px"
                     viewBox="0 0 24 24" width="48px" fill="#000000">
                    <g>
                        <path d="M0,0h24v24H0V0z" fill="none"/>
                    </g>
                    <g>
                        <path
                            d="M11.3,2.26l-6,2.25C4.52,4.81,4,5.55,4,6.39v4.71c0,5.05,3.41,9.76,8,10.91c4.59-1.15,8-5.86,8-10.91V6.39 c0-0.83-0.52-1.58-1.3-1.87l-6-2.25C12.25,2.09,11.75,2.09,11.3,2.26z M10.23,14.83l-2.12-2.12c-0.39-0.39-0.39-1.02,0-1.41l0,0 c0.39-0.39,1.02-0.39,1.41,0l1.41,1.41l3.54-3.54c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.24,4.24 C11.26,15.22,10.62,15.22,10.23,14.83z"/>
                    </g>
                </svg>
                <h1 className="text-3xl font-bold">
                    {t('common:title')}
                    {/* {displayPassCount} */}
                </h1>
            </a>
        </Link>
    )
}

export default Logo
Prepare for localization 2021-07-02 20:55:26 +02:00			`import {useTranslation} from 'next-i18next';`

Create custom hook to get pass count 2021-09-26 20:06:24 -04:00			`import usePassCount from '../src/hooks/use_pass_count';`

Design polish etc. - dark Mode (media) - responsive for larger screens - logo and navigation on every page - next/link in main navigation 2021-06-28 18:17:16 +02:00			`import Link from 'next/link'`
Initial commit 2021-06-25 12:18:25 +02:00
Transition to typescript - Moved all logic to typescript - Code cleanup - Moved logic out of Form Component 2021-07-01 00:49:05 +02:00			`function Logo(): JSX.Element {`
Prepare for localization 2021-07-02 20:55:26 +02:00			`const { t } = useTranslation('common');`
Create custom hook to get pass count 2021-09-26 20:06:24 -04:00			`const passCount = usePassCount();`
Show nicely formatted text 2021-09-26 21:27:19 -04:00			const displayPassCount = (passCount? ` - ${passCount} receipts processed to date!` : '');
Prepare for localization 2021-07-02 20:55:26 +02:00
Use next scripts to start server - removed svg from webpack (using it directly in code) - removed unused import in Form.js - removed unused server.js (using next scripts) 2021-06-29 15:59:49 +02:00			`return (`
			`<Link href="/">`
			`<a className="flex flex-row items-center p-3 justify-center space-x-1">`
			`<svg className="fill-current" xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24"`
			`height="48px"`
			`viewBox="0 0 24 24" width="48px" fill="#000000">`
			`<g>`
			`<path d="M0,0h24v24H0V0z" fill="none"/>`
			`</g>`
			`<g>`
			`<path`
			`d="M11.3,2.26l-6,2.25C4.52,4.81,4,5.55,4,6.39v4.71c0,5.05,3.41,9.76,8,10.91c4.59-1.15,8-5.86,8-10.91V6.39 c0-0.83-0.52-1.58-1.3-1.87l-6-2.25C12.25,2.09,11.75,2.09,11.3,2.26z M10.23,14.83l-2.12-2.12c-0.39-0.39-0.39-1.02,0-1.41l0,0 c0.39-0.39,1.02-0.39,1.41,0l1.41,1.41l3.54-3.54c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.24,4.24 C11.26,15.22,10.62,15.22,10.23,14.83z"/>`
			`</g>`
			`</svg>`
			`<h1 className="text-3xl font-bold">`
Prepare for localization 2021-07-02 20:55:26 +02:00			`{t('common:title')}`
1.9.9 pushed to prod - simplified instructions - button disable fix - switch to a different sentry account so we can see error logs - thx everyone! 2021-09-27 16:05:33 -04:00			`{/* {displayPassCount} */}`
Use next scripts to start server - removed svg from webpack (using it directly in code) - removed unused import in Form.js - removed unused server.js (using next scripts) 2021-06-29 15:59:49 +02:00			`</h1>`
			`</a>`
			`</Link>`
			`)`
Transition to typescript - Moved all logic to typescript - Code cleanup - Moved logic out of Form Component 2021-07-01 00:49:05 +02:00			`}`

			`export default Logo`