Merge branch 'main' into align_headers_icons

.all-contributorsrc

@@ -261,6 +261,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "rivka14",
+      "name": "Rivka Weiss",
+      "avatar_url": "https://avatars.githubusercontent.com/u/85113156?v=4",
+      "profile": "https://github.com/rivka14",
+      "contributions": [
+        "code"
+      ]
     }
   ]
 }

README.md

@@ -96,6 +96,7 @@ https://github.com/hasadna/open-bus-map-search/blob/main/src/model/busStop.ts#L4
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/LeoBonjo"><img src="https://avatars.githubusercontent.com/u/139697327?v=4?s=100" width="100px;" alt="Leo Green"/><br /><sub><b>Leo Green</b></sub></a><br /><a href="#code-LeoBonjo" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/yontank"><img src="https://avatars.githubusercontent.com/u/48332126?v=4?s=100" width="100px;" alt="Yehonatan Avrahimi"/><br /><sub><b>Yehonatan Avrahimi</b></sub></a><br /><a href="#code-yontank" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/Tami-Co"><img src="https://avatars.githubusercontent.com/u/158340919?v=4?s=100" width="100px;" alt="Tami-Co"/><br /><sub><b>Tami-Co</b></sub></a><br /><a href="#code-Tami-Co" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/rivka14"><img src="https://avatars.githubusercontent.com/u/85113156?v=4?s=100" width="100px;" alt="Rivka Weiss"/><br /><sub><b>Rivka Weiss</b></sub></a><br /><a href="#code-rivka14" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

package.json

@@ -7,7 +7,7 @@
     "@applitools/eyes-playwright": "^1.32.0",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.15.14",
+    "@mui/icons-material": "^5.16.11",
     "@mui/lab": "^5.0.0-alpha.169",
     "@mui/material": "^5.16.7",
     "@mui/x-date-pickers": "^7.1.0",
@@ -18,7 +18,7 @@
     "@types/git-username": "^1.0.5",
     "@types/leaflet.markercluster": "^1.5.2",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "antd": "^5.16.0",
+    "antd": "^5.22.3",
     "axios": "^1.7.5",
     "babel-plugin-transform-import-meta": "^2.2.1",
     "classnames": "^2.5.1",
@@ -32,7 +32,7 @@
     "lodash.debounce": "^4.0.8",
     "madge": "^6.1.0",
     "moment": "^2.30.1",
-    "moment-timezone": "^0.5.45",
+    "moment-timezone": "^0.5.46",
     "open-bus-stride-client": "0.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.3.1",
@@ -85,7 +85,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.24.7",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "~8.57.0",
@@ -106,7 +106,7 @@
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
+    "@types/jest": "^29.5.14",
     "@types/leaflet": "^1.9.14",
     "@types/lodash.debounce": "^4.0.7",
     "@types/node": "^20.12.8",

src/locale/he.json

@@ -73,6 +73,26 @@
   "about_title": "אודות",
   "public_appeal_title": "קול קורא",
   "donate_title": "לתרומות",
+
+  "how_to_donate_title": "כיצד לתרום?",
+  "how_to_donate_text": "מאחורי הקלעים של הפרוייקטים פועל צוות קטן ומסור, שדואג לארגון מפגשי הפיתוח וההאקתונים ותחזוקת השרתים, שמכתת רגליו בין משרדי ממשלה כדי לשכנע, ללחוץ, ולנדנד לשחרר עוד ועוד מאגרים; מוודא שהתקשורת תכיר את העבודה שלנו וגם תדע לפנות אלינו בשביל נתונים וניתוחים, ועושה עוד המון עבודה שוטפת כדי שהפרוייקטים שלנו ייצרו שינוי בעולם. אנחנו זקוקים לתמיכה של הקהילה כדי להמשיך ולפעול למען ממשל פתוח יותר. היו אבירי שקיפות והצטרפו בתמיכה חודשית.",
+
+  "donation_through_bank_title": "תרומה דרך העברה בנקאית",
+  "donation_through_bank_reccomendation": "מומלץ לתרום דרך העברה בנקאית לחשבון הבנק של הסדנא לידע ציבורי, מכיוון שבאפיק זה העמלה נמוכה יותר",
+
+  "bank": "בנק",
+  "branch": "סניף",
+  "account": "חשבון",
+  "account_name": "שם חשבון",
+
+  "donation_through_bank_details_bank": "יו בנק (26)",
+  "donation_through_bank_details_branch": "רחביה (262)",
+  "donation_through_bank_details_account": "419931",
+  "donation_through_bank_details_account_name": "הסדנא לידע ציבורי",
+
+  "donation_through_bank_details_additional_message": "נא לציין שם מלא וליצור קשר במייל info@hasadna.org.il לאחר התרומה על מנת שנוכל לשלוח קבלה",
+  "donate_through_jgive.com_title": "תרומה דרך אתר jgive.com",
+
   "report_a_bug_title": "דיווח על באג",
   "website_name": "דאטאבוס",
   "what_is_website": "מהו אתר “דאטאבוס”?",

src/pages/DonateModal/DonateModal.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Box, Grid, Modal, Typography, useMediaQuery } from '@mui/material'
+import { useTranslation } from 'react-i18next'
 import i18n from 'src/locale/allTranslations'
-
 interface DonateModalProps {
   isVisible: boolean
   onClose: () => void
@@ -17,7 +17,6 @@ const boxStyle = {
   overflowY: 'auto',
   width: '80%',
   bgcolor: 'background.paper',
-  textAlign: 'left',
   boxShadow: 24,
   p: 4,
 } as const
@@ -27,36 +26,35 @@ export const DonateModal: React.FC<DonateModalProps> = ({ isVisible, onClose })
    * @description This hook is used to determine if the image should collapse or not based on if the user is a mobile, tablet user or not.
    */
   const shouldImgCollapse = useMediaQuery('(max-width: 950px)')
+  const { t } = useTranslation()
+
+  const dir = i18n.dir()
 
   return (
     <Modal
+      dir={dir}
       open={isVisible}
       onClose={onClose}
       aria-modal="true"
       role="dialog"
       aria-labelledby="modal-modal-title"
       aria-describedby="modal-modal-description"
       sx={{
+        textAlign: `${dir === 'ltr' ? 'right' : 'left'}` as const,
         color: 'text.primary', // Dynamically uses the theme’s text color
       }}>
       <Box dir={i18n.dir()} sx={boxStyle}>
         <button onClick={onClose} className="close-modal-icon">
           X
         </button>
         <Typography id="modal-modal-title" variant="h6" component="h2">
-          כיצד לתרום?
+          {t('how_to_donate_title')}
         </Typography>
-        <p>
-          מאחורי הקלעים של הפרוייקטים פועל צוות קטן ומסור, שדואג לארגון מפגשי הפיתוח וההאקתונים
-          ותחזוקת השרתים, שמכתת רגליו בין משרדי ממשלה כדי לשכנע, ללחוץ, ולנדנד לשחרר עוד ועוד
-          מאגרים; מוודא שהתקשורת תכיר את העבודה שלנו וגם תדע לפנות אלינו בשביל נתונים וניתוחים,
-          ועושה עוד המון עבודה שוטפת כדי שהפרוייקטים שלנו ייצרו שינוי בעולם. אנחנו זקוקים לתמיכה של
-          הקהילה כדי להמשיך ולפעול למען ממשל פתוח יותר. היו אבירי שקיפות והצטרפו בתמיכה חודשית.
-        </p>
+        <p>{t('how_to_donate_text')}</p>
         <Grid container spacing={2} direction={shouldImgCollapse ? 'column-reverse' : 'row'}>
           <Grid item xs={6}>
             <Typography id="modal-modal-description" sx={{ mt: 2 }}>
-              <h2>תרומה דרך אתר jgive.com</h2>
+              <h2>{t('donate_through_jgive.com_title')}</h2>
               <a
                 href="https://www.jgive.com/new/he/ils/donation-targets/3268"
                 target="_blank"
@@ -77,24 +75,19 @@ export const DonateModal: React.FC<DonateModalProps> = ({ isVisible, onClose })
               </a>
             </Typography>
           </Grid>
-          <Grid item xs={6}>
-            <h2>תרומה דרך העברה בנקאית</h2>
-            <p>
-              מומלץ לתרום דרך העברה בנקאית לחשבון הבנק של הסדנא לידע ציבורי, מכיוון שבאפיק זה העמלה
-              נמוכה יותר
-            </p>
+          <Grid item dir={i18n.dir()} xs={6}>
+            <h2>{t('donation_through_bank_title')}</h2>
+            <p>{t('donation_through_bank_reccomendation')}</p>
             <Typography id="modal-modal-description" sx={{ mt: 2 }}>
-              בנק: יו-בנק (26) <br />
-              סניף: רחביה (262)
+              {t('bank')}: {t('donation_through_bank_details_bank')}
+              <br />
+              {t('branch')}: {t('donation_through_bank_details_branch')}
               <br />
-              חשבון: 419931
+              {t('account')}: {t('donation_through_bank_details_account')}
               <br />
-              שם החשבון: הסדנא לידע ציבורי
+              {t('account_name')}: {t('donation_through_bank_details_account_name')}
             </Typography>
-            <sub>
-              נא לציין שם מלא וליצור קשר במייל info@hasadna.org.il לאחר התרומה על מנת שנוכל לשלוח
-              קבלה
-            </sub>
+            <sub>{t('donation_through_bank_details_additional_message')}</sub>
           </Grid>
         </Grid>
       </Box>