Translate Footer

Author: mirorauhala

src/components/Layout/Footer.tsx

@@ -2,13 +2,13 @@
  * Copyright (c) Facebook, Inc. and its affiliates.
  */
 
-import * as React from 'react';
-import NextLink from 'next/link';
 import cn from 'classnames';
 import {ExternalLink} from 'components/ExternalLink';
 import {IconFacebookCircle} from 'components/Icon/IconFacebookCircle';
-import {IconTwitter} from 'components/Icon/IconTwitter';
 import {IconGitHub} from 'components/Icon/IconGitHub';
+import {IconTwitter} from 'components/Icon/IconTwitter';
+import NextLink from 'next/link';
+import * as React from 'react';
 
 export function Footer() {
   const socialLinkClasses = 'hover:text-primary dark:text-primary-dark';
@@ -288,66 +288,66 @@ export function Footer() {
         </div>
         <div className="flex flex-col">
           <FooterLink href="/learn" isHeader={true}>
-            Learn React
+            Opettele Reactia
           </FooterLink>
-          <FooterLink href="/learn/">Quick Start</FooterLink>
-          <FooterLink href="/learn/installation">Installation</FooterLink>
+          <FooterLink href="/learn/">Pika-aloitus</FooterLink>
+          <FooterLink href="/learn/installation">Asennus</FooterLink>
           <FooterLink href="/learn/describing-the-ui">
-            Describing the UI
+            Käyttöliittymän kuvaus
           </FooterLink>
           <FooterLink href="/learn/adding-interactivity">
-            Adding Interactivity
+            Interaktiivisuuden lisääminen
           </FooterLink>
-          <FooterLink href="/learn/managing-state">Managing State</FooterLink>
-          <FooterLink href="/learn/escape-hatches">Escape Hatches</FooterLink>
+          <FooterLink href="/learn/managing-state">Tilan hallinta</FooterLink>
+          <FooterLink href="/learn/escape-hatches">Pelastusluukut</FooterLink>
         </div>
         <div className="flex flex-col">
           <FooterLink href="/reference/react" isHeader={true}>
-            API Reference
+            API viite
           </FooterLink>
-          <FooterLink href="/reference/react">React APIs</FooterLink>
-          <FooterLink href="/reference/react-dom">React DOM APIs</FooterLink>
+          <FooterLink href="/reference/react">React APIt</FooterLink>
+          <FooterLink href="/reference/react-dom">React DOM APIt</FooterLink>
         </div>
         <div className="md:col-start-2 xl:col-start-4 flex flex-col">
           <FooterLink href="/community" isHeader={true}>
-            Community
+            Yhteisö
           </FooterLink>
           <FooterLink href="https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md">
-            Code of Conduct
+            Toimintaohjeet
           </FooterLink>
           <FooterLink href="/community/team">Meet the Team</FooterLink>
           <FooterLink href="/community/docs-contributors">
-            Docs Contributors
+            Dokumentaation kehittäjät
           </FooterLink>
           <FooterLink href="/community/acknowledgements">
-            Acknowledgements
+            Tunnustukset
           </FooterLink>
         </div>
         <div className="flex flex-col">
-          <FooterLink isHeader={true}>More</FooterLink>
-          <FooterLink href="/blog">Blog</FooterLink>
+          <FooterLink isHeader={true}>Lisää</FooterLink>
+          <FooterLink href="/blog">Blogi</FooterLink>
           <FooterLink href="https://reactnative.dev/">React Native</FooterLink>
           <FooterLink href="https://opensource.facebook.com/legal/privacy">
-            Privacy
+            Yksityisyys
           </FooterLink>
           <FooterLink href="https://opensource.fb.com/legal/terms/">
-            Terms
+            Ehdot
           </FooterLink>
           <div className="flex flex-row mt-8 gap-x-2">
             <ExternalLink
-              aria-label="React on Facebook"
+              aria-label="React Facebookissa"
               href="https://www.facebook.com/react"
               className={socialLinkClasses}>
               <IconFacebookCircle />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Twitter"
+              aria-label="React Twitterissä"
               href="https://twitter.com/reactjs"
               className={socialLinkClasses}>
               <IconTwitter />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Github"
+              aria-label="React GitHubissa"
               href="https://github.com/facebook/react"
               className={socialLinkClasses}>
               <IconGitHub />