mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-02-11 05:51:26 +00:00
bec251c4e6
* Remove render blocking stripe JS that seems unnecessary * Use native lazy loading of images - Truly a progressive enhancement, only affects browsers that support it - Causes a warning: [Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323, which can not be easily fixed * Render content first, hydrate after that
71 lines
1.9 KiB
TypeScript
71 lines
1.9 KiB
TypeScript
import React from "react";
|
|
import EmailComponent from "./EmailComponent";
|
|
import sponsors from "../data/sponsors";
|
|
|
|
type Props = {
|
|
href: string;
|
|
name: string;
|
|
key: string;
|
|
};
|
|
|
|
const SponsorLink = ({ href, name }: Props) => (
|
|
<a href={href} target="_blank" rel="noopener noreferrer">
|
|
<img
|
|
src={`/static/images/sponsors/${name.toLowerCase()}.svg`}
|
|
alt={name}
|
|
className={`sponsor sponsor__${name.toLowerCase()}`}
|
|
loading="lazy"
|
|
/>
|
|
</a>
|
|
);
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer>
|
|
<div className="sponsors">
|
|
<div className="sponsors__label">Yhteistyössä</div>
|
|
{sponsors.map((sponsor) => (
|
|
<SponsorLink key={sponsor.name} {...sponsor} />
|
|
))}
|
|
</div>
|
|
<div className="contacts">
|
|
<div>
|
|
<a
|
|
href="https://koodiklinikka.slack.com"
|
|
aria-label="Koodiklinikka Slackissä"
|
|
>
|
|
<i className="fa fa-slack" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href="https://github.com/koodiklinikka/koodiklinikka.fi"
|
|
aria-label="Koodiklinikka Githubissa"
|
|
>
|
|
<i className="fa fa-github" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href="https://twitter.com/koodiklinikka"
|
|
aria-label="Koodiklinikka Twitterissä"
|
|
>
|
|
<i className="fa fa-twitter" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href="https://www.linkedin.com/groups/12025476"
|
|
aria-label="Koodiklinikka Linkedinissä"
|
|
>
|
|
<i className="fa fa-linkedin" aria-hidden="true" />
|
|
</a>
|
|
<a
|
|
href="https://www.facebook.com/koodiklinikka"
|
|
aria-label="Koodiklinikka Facebookissa"
|
|
>
|
|
<i className="fa fa-facebook" aria-hidden="true" />
|
|
</a>
|
|
<div id="email">
|
|
<EmailComponent />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|