diff --git a/next/components/atoms/LanguageSelector.js b/next/components/atoms/LanguageSelector.js
index f06925a71..515e9754a 100644
--- a/next/components/atoms/LanguageSelector.js
+++ b/next/components/atoms/LanguageSelector.js
@@ -1,26 +1,129 @@
-import { Menu, MenuButton, MenuList, MenuItem, Button } from "@chakra-ui/react";
+import { Menu, MenuButton, MenuList, MenuItem, Tooltip } from "@chakra-ui/react";
import { useRouter } from "next/router";
import { useTranslation } from "next-i18next";
+import { useState } from "react";
import LanguageIcon from "../../public/img/icons/languageIcon";
export default function LanguageSelector() {
const { locale } = useRouter();
const router = useRouter();
+ const [showTooltip, setShowTooltip] = useState(false);
const changeLanguage = (locale) => {
router.push(router.pathname, router.asPath, { locale });
};
+ const getTooltipText = () => {
+ switch(locale) {
+ case 'pt':
+ return 'Língua';
+ case 'en':
+ return 'Language';
+ case 'es':
+ return 'Idioma';
+ default:
+ return 'Language';
+ }
+ };
+
return (
-