This repository has been archived by the owner on Mar 7, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(help): add localize to the help form
- Loading branch information
Showing
8 changed files
with
227 additions
and
183 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,37 +1,40 @@ | ||
| import { useTranslation } from 'react-i18next'; | ||
| import { styled } from '@mui/styles'; | ||
| import List from '@mui/material/List'; | ||
| import ListItem from '@mui/material/ListItem'; | ||
| import ListItemText from '@mui/material/ListItemText'; | ||
| import Typography from "@mui/material/Typography"; | ||
| import Typography from '@mui/material/Typography'; | ||
|
|
||
| const ListItemCustom = styled(ListItem)(() => ({ | ||
| paddingTop: '0px', | ||
| paddingBottom: '0px', | ||
| paddingTop: '0px', | ||
| paddingBottom: '0px', | ||
| })); | ||
|
|
||
| const HelpBrowserSupport = () => { | ||
| return ( | ||
| <div> | ||
| <Typography>Afaka manokatra ny LMM-OA ny ankamaroan’ireo programa fijerena internet nivoaka farany, ohatra hoe:</Typography> | ||
| <List> | ||
| <ListItemCustom> | ||
| <ListItemText primary="Chrome 53+" /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary="Edge 17+" /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary="Firefox 49+" /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary="Samsung Internet (Android)" /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary="Safari 10+" /> | ||
| </ListItemCustom> | ||
| </List> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default HelpBrowserSupport; | ||
| const { t } = useTranslation(); | ||
|
|
||
| return ( | ||
| <div> | ||
| <Typography>{t('help.aDeviceSupported')}</Typography> | ||
| <List> | ||
| <ListItemCustom> | ||
| <ListItemText primary='Chrome 53+' /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary='Edge 17+' /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary='Firefox 49+' /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary='Samsung Internet (Android)' /> | ||
| </ListItemCustom> | ||
| <ListItemCustom> | ||
| <ListItemText primary='Safari 10+' /> | ||
| </ListItemCustom> | ||
| </List> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HelpBrowserSupport; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,19 @@ | ||
| import Typography from "@mui/material/Typography"; | ||
| import installBanner from "../../img/installBanner.png"; | ||
| import { useTranslation } from 'react-i18next'; | ||
| import Typography from '@mui/material/Typography'; | ||
| import installBanner from '../../img/installBanner.png'; | ||
|
|
||
| const HelpInstallPwa = () => { | ||
| return ( | ||
| <div> | ||
| <Typography gutterBottom>Azonao atao <em>install</em> ao amin’ny fitaovana ampiasainao ny LMM-OA, ka tsy voatery manokatra ny programa fijerenao internet ianao avy eo rehefa hampiasa azy ity.</Typography> | ||
| <Typography>Eo amin’ny farany ambony indrindra, amin’ny sisiny ankavanana no misy ny fanaovana <em>install</em> ny LMM-OA</Typography> | ||
| <img src={installBanner} alt="Install Banner" className="imgHelp" /> | ||
| <Typography gutterBottom>Araho avy eo ny toromarika miseho manaraka mandra-pahavitan’ny fampidirana ny programa LMM-OA ao amin’ny fitaovana ampiasainao.</Typography> | ||
| <Typography>Raha tsy miseho io sary io amin’ny fitaovana ampiasainao, dia azonao karohina ao amin’ny internet ny fanaovana <em>install</em> ny programa PWA amin’ny fitaovana sy programa fijerena internet ampiasainao</Typography> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default HelpInstallPwa; | ||
| const { t } = useTranslation(); | ||
|
|
||
| return ( | ||
| <div> | ||
| <Typography gutterBottom>{t('help.aAlwaysBrowser1')}</Typography> | ||
| <Typography>{t('help.aAlwaysBrowser2')}</Typography> | ||
| <img src={installBanner} alt='Install Banner' className='imgHelp' /> | ||
| <Typography gutterBottom>{t('help.aAlwaysBrowser3')}</Typography> | ||
| <Typography>{t('help.aAlwaysBrowser4')}</Typography> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HelpInstallPwa; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,19 @@ | ||
| import Typography from "@mui/material/Typography"; | ||
| import { useTranslation } from 'react-i18next'; | ||
| import parse from 'html-react-parser'; | ||
| import Typography from '@mui/material/Typography'; | ||
|
|
||
| const HelpLiveClass = () => { | ||
| return ( | ||
| <div> | ||
| <Typography variant="body1" gutterBottom>Mandritra ny valan’aretina COVID-19, dia mety misy mpianatra sasany tsy afaka manatrika ny fivoriana alamina amin’ny Zoom, na KHConf, na programa fanaovana fivoriana miaraka hafa.</Typography> | ||
| <Typography variant="body1" gutterBottom>Misy safidy hoe <strong>Mpianatra afaka mandray anjara mivantana ihany</strong> ao amin’ny Fanamboarana. Raha asiana marika io, dia ireo mpianatra afaka manao anjara amin’ny fivoriana miaraka ihany no miseho rehefa hanao fanendrena ianao. Ao amin’ny mombamomba ny mpianatra dia misy safidy hoe <strong>Afaka manao anjara mivantana</strong>. Raha asiana marika io ho an’ny mpianatra iray, dia amin’izay ihany izy vao afaka tendrena hanao anjara.</Typography> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default HelpLiveClass; | ||
| const { t } = useTranslation(); | ||
| return ( | ||
| <div> | ||
| <Typography variant='body1' gutterBottom> | ||
| {t('help.aCovidSchedule1')} | ||
| </Typography> | ||
| <Typography variant='body1' gutterBottom> | ||
| {parse(t('help.aCovidSchedule2'))} | ||
| </Typography> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HelpLiveClass; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,18 @@ | ||
| import Typography from "@mui/material/Typography"; | ||
| import appNoInternet from "../../img/appNoInternet.png"; | ||
| import { useTranslation } from 'react-i18next'; | ||
| import Typography from '@mui/material/Typography'; | ||
| import appNoInternet from '../../img/appNoInternet.png'; | ||
|
|
||
| const HelpNoInternet = () => { | ||
| return ( | ||
| <div> | ||
| <Typography variant="body1" gutterBottom>Tsy mila fahana internet ianao rehefa mampiasa ny LMM-OA. Rehefa manokatra azy voalohany ihany ianao no mila manana fahana. Maka ny rakitra rehetra ilaina mba hampandeha ny LMM-OA rehefa tsy misy internet ny fitaovana ampiasainao aloha. Hisy filazana hiseho eo amin’ny efijery rehefa vita izany.</Typography> | ||
| <img src={appNoInternet} alt="No internet banner" className="imgHelp" /> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default HelpNoInternet; | ||
| const { t } = useTranslation(); | ||
|
|
||
| return ( | ||
| <div> | ||
| <Typography variant='body1' gutterBottom> | ||
| {t('help.aAlwaysInternet')} | ||
| </Typography> | ||
| <img src={appNoInternet} alt='No internet banner' className='imgHelp' /> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HelpNoInternet; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,17 @@ | ||
| import Typography from "@mui/material/Typography"; | ||
| import { useTranslation } from 'react-i18next'; | ||
| import parse from 'html-react-parser'; | ||
| import Typography from '@mui/material/Typography'; | ||
|
|
||
| const HelpUpdateSource = () => { | ||
| return ( | ||
| <div> | ||
| <Typography variant="body1" gutterBottom>Ho fanajana ny fifanekena amin’ny fampiasana ny JW.ORG, dia tsy manavao ny loharanon-kevitra amin’ny alalan’ny internet ny LMM-OA.</Typography> | ||
| <Typography variant="body1">Afaka mampiditra herinandro vaovao ianao, eo amin’ilay hoe <strong>Herinandro vaovao</strong>. Azo ampidirina amin’ny alalan’ny EPUB nalaina mialoha avy tao amin’ny JW.ORG koa anefa izy io. Tsindrio ilay hoe <strong>Haka EPUB</strong>, ary safidio ilay rakitra EPUB ao amin’ny fitaovana ampiasainao.</Typography> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default HelpUpdateSource; | ||
| const { t } = useTranslation(); | ||
|
|
||
| return ( | ||
| <div> | ||
| <Typography variant='body1'> | ||
| {parse(t('help.aAddSourceMaterial'))} | ||
| </Typography> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default HelpUpdateSource; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.