diff --git a/webapp/src/components/Footer.js b/webapp/src/components/Footer.js index db375b97..68ce0462 100644 --- a/webapp/src/components/Footer.js +++ b/webapp/src/components/Footer.js @@ -2,6 +2,7 @@ import * as React from 'react'; import { AppBar, Toolbar, Typography, Link } from '@mui/material'; import { useTranslation } from 'react-i18next'; + const Footer = () => { const { t } = useTranslation(); diff --git a/webapp/src/localize/en.json b/webapp/src/localize/en.json index 6a6c58d0..9af93067 100644 --- a/webapp/src/localize/en.json +++ b/webapp/src/localize/en.json @@ -25,7 +25,8 @@ "Footer": { "api_questions": "QUESTIONS API DOC", - "api_users": "USERS API DOC" + "api_users": "USERS API DOC", + "apk_link": "Download for Android" }, "Games": { diff --git a/webapp/src/localize/es.json b/webapp/src/localize/es.json index ac4e536f..b37511e8 100644 --- a/webapp/src/localize/es.json +++ b/webapp/src/localize/es.json @@ -25,7 +25,8 @@ "Footer": { "api_questions": "DOCUMENTACIÓN DE LA API DE PREGUNTAS", - "api_users": "DOCUMENTACIÓN DE LA API DE USUARIOS" + "api_users": "DOCUMENTACIÓN DE LA API DE USUARIOS", + "apk_link": "Descargar para Android" }, "Games": { diff --git a/webapp/src/localize/fr.json b/webapp/src/localize/fr.json index 40101093..0eecd49c 100644 --- a/webapp/src/localize/fr.json +++ b/webapp/src/localize/fr.json @@ -25,7 +25,8 @@ "Footer": { "api_questions": "DOCUMENTATION DE L'API DES QUESTIONS", - "api_users": "DOCUMENTATION DE L'API DES UTILISATEURS" + "api_users": "DOCUMENTATION DE L'API DES UTILISATEURS", + "apk_link": "Télécharger pour Android" }, "Games": { diff --git a/webapp/src/pages/Home.js b/webapp/src/pages/Home.js index fcfa9336..20eb7616 100644 --- a/webapp/src/pages/Home.js +++ b/webapp/src/pages/Home.js @@ -1,11 +1,14 @@ import * as React from "react"; -import {Box, Button} from "@mui/material"; +import {Box, Button, useTheme } from "@mui/material"; import useMediaQuery from '@mui/material/useMediaQuery'; import { useTranslation } from 'react-i18next'; +import AndroidIcon from '@mui/icons-material/Android'; const Home = () => { const xxl = useMediaQuery('(min-width:1920px)'); const { t } = useTranslation(); + const theme = useTheme(); + const isMobile = useMediaQuery(theme.breakpoints.down('sm')); const styles = { logo:{ @@ -102,6 +105,30 @@ const Home = () => { + + + + + + ); };