Translation + auto linter fixes from prev commits

Author: Avi-E-Koenig

beta/src/components/SocialBanner.tsx

@@ -10,7 +10,7 @@ import {ExternalLink} from './ExternalLink';
 // Turning this off also requires changing the Page top value to pull up the sidebar.
 const bannerText = 'Support Ukraine 🇺🇦';
 const bannerLink = 'https://opensource.fb.com/support-ukraine';
-const bannerLinkText = 'Help Provide Humanitarian Aid to Ukraine.';
+const bannerLinkText = 'עזרו לספק תמיכה הומניטרית לאוקראינה.';
 
 export default function SocialBanner() {
   return (

content/blog/2022-03-08-react-18-upgrade-guide.md

@@ -125,7 +125,7 @@ Finally, this API will continue to work for rendering e-mails:
 
 For more information on the changes to server rendering APIs, see the working group post on [Upgrading to React 18 on the server](https://github.com/reactwg/react-18/discussions/22), a [deep dive on the new Suspense SSR Architecture](https://github.com/reactwg/react-18/discussions/37), and [Shaundai Person’s](https://twitter.com/shaundai) talk on [Streaming Server Rendering with Suspense](https://www.youtube.com/watch?v=pj5N-Khihgc) at React Conf 2021.
 
-## Updates to TypeScript definitions
+## Updates to TypeScript definitions {#updates-to-typescript-definitions}
 
 If your project uses TypeScript, you will need to update your `@types/react` and `@types/react-dom` dependencies to the latest versions. The new types are safer and catch issues that used to be ignored by the type checker. The most notable change is that the `children` prop now needs to be listed explicitly when defining props, for example:
 

content/community/nav.yml

@@ -3,7 +3,7 @@
     - id: support
       title: תמיכה
     - id: team
-      title: Team
+      title: הקבוצה
     - id: courses
       title: קורסים
     - id: examples
@@ -19,4 +19,4 @@
     - id: videos
       title: סרטונים
     - id: external-resources
-      title: External Resources
+      title: מקורות מידע חיצוניים

content/community/support.md

@@ -1,34 +1,36 @@
 ---
 id: support
-title: Where To Get Support
+title: מקורות לקבלת תמיכה
 layout: community
 sectionid: community
 permalink: community/support.html
 redirect_from:
   - "support.html"
 ---
 
-React has a community of millions of developers.
+קהילת הפיתוח של ריאקט מורכבת ממיליוני מפתחות ומפתחים.
 
-On this page we've listed some React-related communities that you can be a part of; see the other pages in this section for additional online and in-person learning materials.
+בדף זה ריכזנו קהילות בנושא ריאקט שניתן לקחת חלק בהן,ניתן גם לצפות בדפים נוספים למטה על מנת לקבל חומרים נוספים אונליין ולימוד עצמי.
 
-Before participating in React's communities, [please read our Code of Conduct](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). We have adopted the [Contributor Covenant](https://www.contributor-covenant.org/) and we expect that all community members adhere to the guidelines within.
+בטרם לקיחת חלק בקהילות ריאקט, [אנא קראו את קוד ההתנהגות](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md). אימצנו את [אמנת התרומה](https://www.contributor-covenant.org/)
+והציפייה שלנו היא שכלל הקהילה תציית למתווה הנ"ל.
 
 ## Stack Overflow {#stack-overflow}
 
-Stack Overflow is a popular forum to ask code-level questions or if you're stuck with a specific error. Read through the [existing questions](https://stackoverflow.com/questions/tagged/reactjs) tagged with **reactjs** or [ask your own](https://stackoverflow.com/questions/ask?tags=reactjs)!
+Stack Overflow הינה פלטפורמה מוכרת לשאלות קוד או שגיאות מסוימות שטרם נמצא להן פיתרון. נא עיינו ב [שאלות נפותות](https://stackoverflow.com/questions/tagged/reactjs) עם התגית **reactjs** או [שאלו שאלות  משלכם](https://stackoverflow.com/questions/ask?tags=reactjs)!
 
-## Popular Discussion Forums {#popular-discussion-forums}
+## פורומי דיונים מוכרים {#popular-discussion-forums}
 
-There are many online forums which are a great place for discussion about best practices and application architecture as well as the future of React. If you have an answerable code-level question, Stack Overflow is usually a better fit.
+ישנם פורומים רבים אונליין שמהווים מקור מצוין לדיונים אודות best practices ויישומי ארכיטקטורה בנוסף לדיונים על העתיד של ריאקט.אם יש לך שאלת קוד שניתן לתת לה מענה,
+Stack Overflow יהיה ברוב המקרים  מקום מתאים יותר לכך.
 
-Each community consists of many thousands of React users.
+כל קהילה מונה אלפי משתמשי ומשתמשות ריאקט.
 
-* [DEV's React community](https://dev.to/t/react)
-* [Hashnode's React community](https://hashnode.com/n/reactjs)
-* [Reactiflux online chat](https://discord.gg/reactiflux)
-* [Reddit's React community](https://www.reddit.com/r/reactjs/)
+* [קהילת ריאקט של DEV](https://dev.to/t/react)
+* [קהילת ריאקט של Hashnode](https://hashnode.com/n/reactjs)
+* [צ'אט אונליין של Reactiflux](https://discord.gg/reactiflux)
+* [קהילת ריאקט של Reddit](https://www.reddit.com/r/reactjs/)
 
-## News {#news}
+## חדשות {#news}
 
-For the latest news about React, [follow **@reactjs** on Twitter](https://twitter.com/reactjs) and the [official React blog](/blog/) on this website.
+לקריאת החדשות העדכניות ביותר של ריאקט, [ניתן לעקוב אחרי **@reactjs** בטוויטר](https://twitter.com/reactjs) וגם דרך [הבלוג הרשמי של ריאקט](/blog/) באתר זה.

src/components/FeedbackForm/FeedbackForm.js

@@ -18,9 +18,12 @@ const FeedbackForm = () => {
   } else {
     return (
       <span>
-        Is this page useful?
+        האם התוכן בעמוד זה היה שימושי?
         <button
-          css={[sharedStyles.articleLayout.feedbackButton, {marginLeft: '6px'}]}
+          css={[
+            sharedStyles.articleLayout.feedbackButton,
+            {marginLeft: '6px', marginRight: '6px'},
+          ]}
           aria-label="Yes"
           onClick={e => {
             e.preventDefault();

src/components/LayoutFooter/Footer.js

@@ -69,7 +69,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
           }}>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
             <MetaTitle onDark={true}>תיעוד</MetaTitle>
-            {sectionListDocs.map((section) => {
+            {sectionListDocs.map(section => {
               const defaultItem = section.items[0];
               return (
                 <FooterLink
@@ -90,7 +90,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href={`https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md`}>
               קוד התנהגות
             </ExternalFooterLink>
-            {sectionListCommunity.map((section) => (
+            {sectionListCommunity.map(section => (
               <FooterLink
                 to={`/community/${section.items[0].id}.html`}
                 key={section.title}>

src/components/MarkdownPage/MarkdownPage.js

@@ -135,7 +135,7 @@ const MarkdownPage = ({
                     <a
                       css={sharedStyles.articleLayout.editLink}
                       href={`https://github.com/reactjs/he.reactjs.org/tree/main/${markdownRemark.fields.path}`}>
-                      ערוך עמוד זה
+                      לעריכת העמוד הנוכחי
                     </a>
                   </div>
                 )}

src/components/SocialBanner/SocialBanner.js

@@ -15,8 +15,8 @@ const linkProps = {
   rel: 'noopener',
 };
 
-const bannerText = 'Support Ukraine 🇺🇦 ';
-const bannerLink = 'Help Provide Humanitarian Aid to Ukraine.';
+const bannerText = 'תמכו באוקראינה';
+const bannerLink = 'עזרו לספק תמיכה הומניטרית לאוקראינה.';
 
 export default function SocialBanner() {
   return (
@@ -52,6 +52,7 @@ export default function SocialBanner() {
           <span
             css={{
               marginRight: '0.5rem',
+              marginLeft: '0.5rem',
             }}>
             {bannerText}
           </span>

src/pages/404.js

@@ -25,9 +25,7 @@ const PageNotFound = ({location}: Props) => (
           <TitleAndMetaTags title="React - הדף אינו נמצא" />
           <div css={sharedStyles.markdown}>
             <p>לא יכולנו למצוא את הדף שאתה מחפש</p>
-            <p>
-              אנא פנה לבעל האתר שסיפק לך את הקישור, והודע לו שהכתובת שגויה.
-            </p>
+            <p>אנא פנה לבעל האתר שסיפק לך את הקישור, והודע לו שהכתובת שגויה.</p>
           </div>
         </div>
       </div>

src/pages/languages.js

@@ -48,7 +48,7 @@ const Languages = ({location}: Props) => (
       <div css={sharedStyles.articleLayout.container}>
         <div css={sharedStyles.articleLayout.content}>
           <Header>שפות</Header>
-          <TitleAndMetaTags 
+          <TitleAndMetaTags
             canonicalUrl={`${urlRoot}/languages/`}
             title="React - שפות"
           />