From f08f6ca0a9d337efff280d4d1669a41b5d9c31c2 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Thu, 2 Sep 2021 22:28:11 +0200
Subject: finish translations, force maximize

---
 components/Splash.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'components/Splash.js')

diff --git a/components/Splash.js b/components/Splash.js
index 7976de4..f807202 100644
--- a/components/Splash.js
+++ b/components/Splash.js
@@ -1,13 +1,18 @@
 import styles from 'styles/Main.module.scss'
 import React from 'react'
+import useSettings from 'hooks/useSettings'
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
 import {faBan, faSpinner} from '@fortawesome/free-solid-svg-icons'
 
-const Splash = ({type, fixed = false}) => (
-  <div className={`${type === 'connection' ? styles.connection : styles.loader} ${fixed ? styles.fixed : ''}`}>
-    <FontAwesomeIcon icon={type === 'connection' ? faBan : faSpinner} />
-    <p>{type === 'connection' ? 'No connection' : 'Loading...'}</p>
-  </div>
-)
+const Splash = ({type, fixed = false}) => {
+  const {t} = useSettings()
+
+  return (
+    <div className={`${type === 'connection' ? styles.connection : styles.loader} ${fixed ? styles.fixed : ''}`}>
+      <FontAwesomeIcon icon={type === 'connection' ? faBan : faSpinner} />
+      <p>{type === 'connection' ? t('no_connection') : t('loading')}</p>
+    </div>
+  )
+}
 
 export default Splash
-- 
cgit v1.2.3