Translate texts in components and templates (#55)

* Translate texts in components and templates

* Update src/pages/acknowledgements.html.js

Co-Authored-By: jakubdrozdek <30927218+jakubdrozdek@users.noreply.github.com>

* Update src/pages/languages.js

Co-Authored-By: jakubdrozdek <30927218+jakubdrozdek@users.noreply.github.com>

Author: jakubdrozdek

src/components/CodeEditor/CodeEditor.js

@@ -62,12 +62,12 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Nie można załadować Babela.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          Może to być spowodowane wtyczką blokującą reklamy. Jeśli używasz takiej,
+          rozważ dodanie strony reactjs.org do listy wyjątków. Bez tego edytory
+          kodu nie będą działały.
         </span>
       );
     } else if (error != null) {

src/components/CodeExample/CodeExample.js

@@ -61,7 +61,7 @@ class CodeExample extends Component {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>Ładowanie przykładowego kodu...</h4>
         )}
       </div>
     );

src/components/ErrorDecoder/ErrorDecoder.js

@@ -13,7 +13,7 @@ function replaceArgs(msg: string, argList: Array<string>): string {
   let argIdx = 0;
   return msg.replace(/%s/g, function() {
     const arg = argList[argIdx++];
-    return arg === undefined ? '[missing argument]' : arg;
+    return arg === undefined ? '[brakujący argument]' : arg;
   });
 }
 
@@ -69,16 +69,16 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        When you encounter an error, you'll receive a link to this page for that
-        specific error and we'll show you the full error text.
+        Kiedy napotkasz na błąd, otrzymasz link do strony dotyczącej
+        konkretnego błędu. Tutaj wyświetli się jego treść.
       </p>
     );
   }
 
   return (
     <div>
       <p>
-        <b>The full text of the error you just encountered is:</b>
+        <b>Pełna treść napotkanego błędu to:</b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>

src/components/LayoutFooter/Footer.js

@@ -60,7 +60,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             },
           }}>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Docs</MetaTitle>
+            <MetaTitle onDark={true}>Dokumentacja</MetaTitle>
             {sectionListDocs.map(section => {
               const defaultItem = section.items[0];
               return (
@@ -73,7 +73,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             })}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Channels</MetaTitle>
+            <MetaTitle onDark={true}>Kanały</MetaTitle>
             <ExternalFooterLink
               href="https://github.com/facebook/react"
               target="_blank"
@@ -90,19 +90,19 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href="https://discuss.reactjs.org"
               target="_blank"
               rel="noopener">
-              Discussion Forum
+              Forum dyskusyjne
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://discord.gg/0ZcbPKXt5bZjGY5n"
               target="_blank"
               rel="noopener">
-              Reactiflux Chat
+              Czat Reactiflux
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://dev.to/t/react"
               target="_blank"
               rel="noopener">
-              DEV Community
+              Społeczność portalu DEV
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://www.facebook.com/react"
@@ -118,7 +118,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             </ExternalFooterLink>
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Community</MetaTitle>
+            <MetaTitle onDark={true}>Społeczność</MetaTitle>
             {sectionListCommunity.map(section => (
               <FooterLink
                 to={`/community/${section.items[0].id}.html`}
@@ -128,11 +128,11 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             ))}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>More</MetaTitle>
-            <FooterLink to="/tutorial/tutorial.html">Tutorial</FooterLink>
+            <MetaTitle onDark={true}>Więcej</MetaTitle>
+            <FooterLink to="/tutorial/tutorial.html">Samouczek</FooterLink>
             <FooterLink to="/blog/">Blog</FooterLink>
             <FooterLink to="/acknowledgements.html">
-              Acknowledgements
+              Podziękowania
             </FooterLink>
             <ExternalFooterLink
               href="https://facebook.github.io/react-native/"

src/components/LayoutHeader/DocSearch.js

@@ -97,8 +97,8 @@ class DocSearch extends Component<{}, State> {
           }}
           id="algolia-doc-search"
           type="search"
-          placeholder="Search"
-          aria-label="Search docs"
+          placeholder="Szukaj"
+          aria-label="Szukaj w dokumentacji"
         />
       </form>
     ) : null;

src/components/LayoutHeader/Header.js

@@ -122,12 +122,12 @@ const Header = ({location}: {location: Location}) => (
           }}>
           <HeaderLink
             isActive={location.pathname.includes('/docs/')}
-            title="Docs"
+            title="Dokumentacja"
             to="/docs/getting-started.html"
           />
           <HeaderLink
             isActive={location.pathname.includes('/tutorial/')}
-            title="Tutorial"
+            title="Samouczek"
             to="/tutorial/tutorial.html"
           />
           <HeaderLink
@@ -137,7 +137,7 @@ const Header = ({location}: {location: Location}) => (
           />
           <HeaderLink
             isActive={location.pathname.includes('/community/')}
-            title="Community"
+            title="Społeczność"
             to="/community/support.html"
           />
         </nav>
@@ -209,7 +209,7 @@ const Header = ({location}: {location: Location}) => (
                   display: 'none',
                 },
               }}>
-              Languages
+              Języki
             </span>
           </Link>
           <a

src/components/LayoutHeader/SearchSvg.js

@@ -8,11 +8,11 @@ import React from 'react';
 
 const SearchSvg = () => (
   <svg
-    alt="Search"
+    alt="Szukaj"
     height="16"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 16 16">
-    <title>Search</title>
+    <title>Szukaj</title>
     <path
       d={`
         M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,

src/components/MarkdownPage/MarkdownPage.js

@@ -88,7 +88,7 @@ const MarkdownPage = ({
                   {date}{' '}
                   {hasAuthors && (
                     <span>
-                      by{' '}
+                      dodane przez{' '}
                       {toCommaSeparatedList(authors, author => (
                         <a
                           css={sharedStyles.link}
@@ -115,7 +115,7 @@ const MarkdownPage = ({
                       href={`https://github.com/reactjs/reactjs.org/tree/master/${
                         markdownRemark.fields.path
                       }`}>
-                      Edit this page
+                      Edytuj tę stronę
                     </a>
                   </div>
                 )}

src/pages/404.js

@@ -21,13 +21,13 @@ const PageNotFound = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>Page Not Found</Header>
-          <TitleAndMetaTags title="React - Page Not Found" />
+          <Header>Nie znaleziono strony</Header>
+          <TitleAndMetaTags title="React - Nie znaleziono strony" />
           <div css={sharedStyles.markdown}>
-            <p>We couldn't find what you were looking for.</p>
+            <p>Nie udało nam się znaleźć tego, czego szukasz.</p>
             <p>
-              Please contact the owner of the site that linked you to the
-              original URL and let them know their link is broken.
+              Prosimy o kontakt z administratorami strony, która przekierowała cię tutaj,
+              i poinformowanie ich, że ten link jest nieprawidłowy.
             </p>
           </div>
         </div>

src/pages/acknowledgements.html.js

@@ -19,14 +19,14 @@ const Acknowlegements = ({data, location}) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>Acknowledgements</Header>
+          <Header>Podziękowania</Header>
           <TitleAndMetaTags
             ogUrl={`${urlRoot}/acknowledgements.html`}
-            title="React - Acknowledgements"
+            title="React - Podziękowania"
           />
 
           <div css={sharedStyles.markdown}>
-            <p>We'd like to thank all of our contributors:</p>
+            <p>Chcielibyśmy podziękować osobom, które wniosły wkład w powstanie Reacta:</p>
 
             <ul
               css={{
@@ -44,38 +44,32 @@ const Acknowlegements = ({data, location}) => (
               ))}
             </ul>
 
-            <p>In addition, we're grateful to</p>
+            <p>Oprócz tego, jesteśmy wdzięczni:</p>
             <ul>
               <li>
-                <a href="https://github.com/jeffbski">Jeff Barczewski</a> for
-                allowing us to use the{' '}
-                <a href="https://www.npmjs.com/package/react">react</a> package
-                name on npm.
+                <a href="https://github.com/jeffbski">Jeffowi Barczewskiemu</a> za pozwolenie nam na wykorzystanie nazwy{' '}
+                <a href="https://www.npmjs.com/package/react">react</a> dla naszej paczki w rejestrze NPM.
               </li>
               <li>
-                <a href="https://christopheraue.net/">Christopher Aue</a> for
-                letting us use the{' '}
-                <a href="https://reactjs.com/">reactjs.com</a> domain name and
-                the <a href="https://twitter.com/reactjs">@reactjs</a> username
-                on Twitter.
+                <a href="https://christopheraue.net/">Christopherowi Aue</a> za pozwolenie nam na wykorzystanie domeny{' '}
+                <a href="https://reactjs.com/">reactjs.com</a> oraz nazwy{' '}
+                <a href="https://twitter.com/reactjs">@reactjs</a> na Twitterze.
               </li>
               <li>
-                <a href="https://github.com/ProjectMoon">ProjectMoon</a> for
-                letting us use the{' '}
-                <a href="https://www.npmjs.com/package/flux">flux</a> package
-                name on npm.
+                <a href="https://github.com/ProjectMoon">ProjectMoon</a> za pozwolenie nam na wykorzystanie nazwy{' '}
+                <a href="https://www.npmjs.com/package/flux">flux</a> dla naszej paczki w rejestrze NPM.
               </li>
               <li>
-                Shane Anderson for allowing us to use the{' '}
-                <a href="https://github.com/react">react</a> org on GitHub.
+                Shane'owi Andersonowi za pozwolenie nam na wykorzystanie nazwy{' '}
+                <a href="https://github.com/react">react</a> dla organizacji na GitHubie.
               </li>
               <li>
-                <a href="https://github.com/voronianski">Dmitri Voronianski</a>{' '}
-                for letting us use the{' '}
+                <a href="https://github.com/voronianski">Dmitriowi Voronianskiemu</a>{' '}
+                za pozwolenie nam na wykorzystanie motywu{' '}
                 <a href="https://labs.voronianski.com/oceanic-next-color-scheme/">
                   Oceanic Next
                 </a>{' '}
-                color scheme on this website.
+                na naszej stronie.
               </li>
             </ul>
           </div>

src/pages/blog/all.html.js

@@ -28,10 +28,10 @@ const AllBlogPosts = ({data, location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>All Posts</Header>
+          <Header>Wszystkie posty</Header>
           <TitleAndMetaTags
             ogUrl={`${urlRoot}/blog/all.html`}
-            title="React - All Posts"
+            title="React - Wszystkie posty"
           />
           <ul
             css={{

src/pages/languages.js

@@ -46,29 +46,29 @@ const Languages = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>Languages</Header>
-          <TitleAndMetaTags title="React - Languages" />
+          <Header>Języki</Header>
+          <TitleAndMetaTags title="React - Języki" />
 
           <div css={sharedStyles.markdown}>
             <p>
-              The React documentation is available in the following languages:
+              Dokumentacja Reacta jest dostępna w następujących językach:
             </p>
 
             <LanguagesGrid languages={complete} />
 
-            <h2>In Progress</h2>
+            <h2>Prace w toku</h2>
             <LanguagesGrid languages={partial} />
 
-            <h2>Needs Contributors</h2>
+            <h2>Potrzebna pomoc w tłumaczeniu</h2>
             <LanguagesGrid languages={incomplete} />
 
             <p>
-              Don't see your language above?{' '}
+              Nie widzisz swojego języka na liście?{' '}
               <a
                 href="https://github.com/reactjs/reactjs.org-translation#reactjsorg-translation"
                 target="_blank"
                 rel="noopener">
-                Let us know
+                Daj nam o tym znać
               </a>
               .
             </p>
@@ -149,7 +149,7 @@ const Language = ({code, name, status, translatedName}) => {
           href={`https://github.com/reactjs/${prefix}reactjs.org/`}
           target="_blank"
           rel="noopener">
-          Contribute
+          Wspomóż nas
         </a>
       </div>
     </li>

src/pages/versions.js

@@ -24,24 +24,24 @@ const Versions = ({location}: Props) => (
     <Container>
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
-          <Header>React Versions</Header>
-          <TitleAndMetaTags title="React - Versions" />
+          <Header>Wersje Reacta</Header>
+          <TitleAndMetaTags title="React - Wersje" />
           <div css={sharedStyles.markdown}>
             <p>
-              A complete release history for React is available{' '}
+              Kompletna historia wypuszczonych wersji Reacta jest dostępna{' '}
               <a
                 href="https://github.com/facebook/react/releases"
                 target="_blank"
                 rel="noopener">
-                on GitHub
+                na GitHubie
               </a>
               .<br />
-              Documentation for recent releases can also be found below.
+              Dokumentacje dla ostatnich wersji można również znaleźć poniżej.
             </p>
             <p>
-              See our FAQ for information about{' '}
+              Przeczytaj nasze FAQ, aby dowiedzieć się na temat{' '}
               <a href="/docs/faq-versioning.html">
-                our versioning policy and commitment to stability
+                naszej polityki wersjonowania i gwarancji stabilności
               </a>
               .
             </p>
@@ -51,13 +51,13 @@ const Versions = ({location}: Props) => (
                 <ul>
                   <li>
                     <a href={version.changelog} target="_blank" rel="noopener">
-                      Changelog
+                      Dziennik zmian
                     </a>
                   </li>
                   {version.path && (
                     <li>
                       <a href={version.path} rel="nofollow">
-                        Documentation
+                        Dokumentacja
                       </a>
                     </li>
                   )}