From aa1fe9546323346b3c68d044a57146886d9b14ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chlo=C3=A9=20CHAUVIN?= <chloe.chauvin@epitech.eu>
Date: Mon, 26 Sep 2022 12:27:41 +0200
Subject: [PATCH] [ADD] settings management buttons

---
 front/views/HomeView/Settings.tsx | 38 +++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 front/views/HomeView/Settings.tsx

diff --git a/front/views/HomeView/Settings.tsx b/front/views/HomeView/Settings.tsx
new file mode 100644
index 0000000..038a7db
--- /dev/null
+++ b/front/views/HomeView/Settings.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Button, Text } from "react-native-paper";
+import { useDispatch, useSelector } from "react-redux";
+import { AvailableLanguages, translate, DefaultLanguage } from "../../i18n/i18n";
+import { useLanguage } from "../../state/LanguageSlice";
+import { unsetUserToken } from "../../state/UserSlice";
+import { useNavigation } from "@react-navigation/native";
+
+const SettingsButton = () => {
+    const dispatch = useDispatch();
+    const navigation = useNavigation();
+    const language: AvailableLanguages = useSelector((state) => state.language.value);
+  
+    return (
+      <div>
+        <Button onPress={() => dispatch(unsetUserToken())}>
+          { translate('signoutBtn') }
+        </Button>
+        <Button onPress={() => {
+          let newLanguage = DefaultLanguage;
+          switch (language) {
+            case 'en':
+              newLanguage = 'fr';
+              break;
+            default:
+              break;
+          }
+          dispatch(useLanguage(newLanguage));
+        }}>
+          { translate('changeLanguageBtn') }
+        </Button>
+        <Text style={{ textAlign: "center" }}>Current language: { language }</Text>
+        <Button onPress={() =>  navigation.navigate('Song', { songId: 1 }) }> { translate('songPageBtn') }</Button>
+      </div>
+    )
+}
+
+export default SettingsButton;
\ No newline at end of file