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 = () => {
+
+
+
+ }
+ style={{ marginTop: '0.8em' }}
+ sx={{
+ '&:hover': {
+ border: `2px solid #3DDC84`,
+ backgroundColor: 'primary.light',
+ },
+ }}
+ >
+ {t("Footer.apk_link")}
+
+
+
);
};