diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json index b32f7a8..2a4d148 100644 --- a/public/locales/en/translation.json +++ b/public/locales/en/translation.json @@ -12,6 +12,26 @@ "FoodPage_inSeasonText": "Currently in season", "FoodPage_checkMonths": "Check below when it's best to buy it.", "FoodPage_monthsInSeason": "Months in season", + "SideBarList_aboutApp": "About the app", + "SideBarList_contribute": "Contribute", + "SideBarList_contact": "Contact us", + "SideBarDialog_close": "Close", + "AboutDialog_title": "About the app", + "AboutDialog_desc1": "This project was developed to address a genuine challenge: determining the availability of fruits and vegetables in a new country or region. Despite searching for solutions and information, I couldn't find anything intuitive or capable of meeting my needs.", + "AboutDialog_desc2": "The concept behind this project was to create a simple and scalable solution, making it easy to modify and expand the database for different countries or regions. The primary objective of this app is to promote the consumption of locally grown produce, empower small-scale farmers, and ultimately reduce our contribution to globalwarming.", + "AboutDialog_ItalyDisclaimer": "At the moment it is only available for Italian products.", + "ContributeDialog_title": "Contribute", + "ContributeDialog_desc": "This is an open source project, that means you can clone this repository, write issues, make your own changes and submit your own pull requests.", + "AboutDialog_aboutus":"More about us in", + "AboutDialog_aboutapp": "More about the app", + "ContributeDialog_forthis": "For this, use our", + "ContributeDialog_githubPage": "github page.", + "ContactDialog_title": "Contact us", + "ContactDialog_text1": "Contact us via email, visit", + "ContactDialog_text2": "our website,", + "ContactDialog_text3": "or check out", + "ContactDialog_text4": "our repository in github.", + "SelectLang_Text": "Language", "backButton": "back", "month_0": "January", "month_1": "February", diff --git a/public/locales/it/translation.json b/public/locales/it/translation.json index 3e50fbe..9bf76fa 100644 --- a/public/locales/it/translation.json +++ b/public/locales/it/translation.json @@ -12,6 +12,26 @@ "FoodPage_inSeasonText": "Attualmente è in stagione", "FoodPage_checkMonths": "controllate qui sotto quando è meglio acquistarlo.", "FoodPage_monthsInSeason": "Mesi di stagione", + "SideBarList_aboutApp": "Informazione sull'app", + "SideBarList_contribute": "Contribuisci", + "SideBarList_contact": "Contattaci", + "SideBarDialog_close": "Chiudi", + "AboutDialog_title": "Informazione sull'app", + "AboutDialog_desc1": "Questo progetto è stato sviluppato per affrontare una sfida reale: determinare la disponibilità di frutta e verdura in un paese o in una regione. Nonostante la ricerca di soluzioni e informazioni, non sono riuscita a trovare nulla di intuitivo o in grado di soddisfare le mie esigenze.", + "AboutDialog_desc2": "L'idea alla base di questo progetto era quella di creare una soluzione semplice e scalabile, che permettesse di modificare ed espandere facilmente il database per diversi Paesi o regioni. L'obiettivo principale di questa applicazione è promuovere il consumo di prodotti coltivati localmente, dare potere ai piccoli agricoltori e, in ultima analisi, ridurre il nostro contributo al riscaldamento globale.", + "AboutDialog_ItalyDisclaimer": "Al momento è disponibile solo per i prodotti italiani.", + "AboutDialog_aboutus":"Maggiori informazioni su di noi in", + "AboutDialog_aboutapp": "Più informazioni sull'applicazione", + "ContributeDialog_title": "Contribuisci", + "ContributeDialog_desc": "Si tratta di un progetto open source, il che significa che è possibile clonare questo repository, scrivere problemi, apportare le proprie modifiche e inviare le proprie pull request.", + "ContributeDialog_forthis": "Per farlo, utilizzare la nostra", + "ContributeDialog_githubPage": "pagina github.", + "ContactDialog_title": "Contattateci", + "ContactDialog_text1": "Contattateci via e-mail, visitate", + "ContactDialog_text2": "in nostro sito,", + "ContactDialog_text3": "oppure controllate", + "ContactDialog_text4": "il nostro archivio in github.", + "SelectLang_Text": "Lingua", "backButton": "indietro", "month_0": "Gennaio", "month_1": "Febbraio", diff --git a/src/components/AboutDialog.tsx b/src/components/AboutDialog.tsx index 3986ff7..3192238 100644 --- a/src/components/AboutDialog.tsx +++ b/src/components/AboutDialog.tsx @@ -1,33 +1,29 @@ -import { DialogTitle, DialogContent, DialogContentText, Typography } +import { DialogTitle, DialogContent, DialogContentText, Typography, Link } from "@mui/material" +import { useTranslation } from "react-i18next" //dialog box that opens with each element clicked export default function AboutDialog() { + const { t } = useTranslation(); return ( <> - {"About the app"} + {t("AboutDialog_title")} - -

- This project was developed to address a genuine challenge: - determining the availability of fruits and vegetables in a new - country or region. Despite searching for solutions and information, I - couldn't find anything intuitive or capable of meeting my needs. -

+ +

{t("AboutDialog_desc1")}

+

{t("AboutDialog_desc2")}

-

- The concept behind this project was to create a simple and scalable - solution, making it easy to modify and expand the database for - different countries or regions. The primary objective of this app is - to promote the consumption of locally grown produce, empower - small-scale farmers, and ultimately reduce our contribution to global - warming. -

- - At the moment it is only available for Italian products. + + + {t("AboutDialog_ItalyDisclaimer")} + + + {t("AboutDialog_aboutus")} fuzue.tech +
+ {t("AboutDialog_aboutapp")} here diff --git a/src/components/ContactDialog.tsx b/src/components/ContactDialog.tsx index ac3d6e6..09468cd 100644 --- a/src/components/ContactDialog.tsx +++ b/src/components/ContactDialog.tsx @@ -1,21 +1,31 @@ -import { DialogTitle, DialogContent, DialogContentText, Link, Typography } - from "@mui/material" +import { DialogTitle, DialogContent, DialogContentText, Link, Box } + from "@mui/material"; +import AlternateEmailIcon from '@mui/icons-material/AlternateEmail'; +import GitHubIcon from '@mui/icons-material/GitHub'; +import { useTranslation } from "react-i18next"; //dialog box that opens with each element clicked export default function ContactDialog() { + const { t } = useTranslation(); return ( <> - {"Contact"} + {t("ContactDialog_title")} - - You can talk to us via email and/or check our repository in github. -

- contact@fuzue.tech - Github -

+ + {t("ContactDialog_text1")} + {t("ContactDialog_text2")} +  {t( "ContactDialog_text3")} {t("ContactDialog_text4")} + + + contact@fuzue.tech + + + + GitHub Repo + diff --git a/src/components/ContributeDialog.tsx b/src/components/ContributeDialog.tsx index db90dc3..893d123 100644 --- a/src/components/ContributeDialog.tsx +++ b/src/components/ContributeDialog.tsx @@ -1,21 +1,23 @@ import { DialogTitle, DialogContent, DialogContentText, Link } from "@mui/material"; +import { useTranslation } from "react-i18next"; //dialog box that opens with each element clicked export default function ContributeDialog() { + const { t } = useTranslation(); return ( <> - - {"Contribute"} + + {t("ContributeDialog_title")} - - - This is an open source project, that means you can clone this repository, write issues, make your own changes and submit your own pull requests. -

For this, use our  - - github Page. - -

+ + + {t("ContributeDialog_desc")} +

{t("ContributeDialog_forthis")}  + + {t("ContributeDialog_githubPage")} + +

diff --git a/src/components/SelectLang.tsx b/src/components/SelectLang.tsx index d9ef297..dadbfd3 100644 --- a/src/components/SelectLang.tsx +++ b/src/components/SelectLang.tsx @@ -9,7 +9,8 @@ import { import { useTranslation } from "react-i18next"; export default function SelectLang() { - const { i18n } = useTranslation(); + const { t, i18n } = useTranslation(); + const langs = { en: { nativeName: "English" }, @@ -18,7 +19,7 @@ export default function SelectLang() { return ( - Language + {t("SelectLang_Text")}