Coming soon locales

This commit is contained in:
rift 2023-12-27 14:40:51 -06:00
parent 7c295529ac
commit 6db77d4785
4 changed files with 27 additions and 17 deletions

View file

@ -54,5 +54,6 @@
"settings": "Nebula - Settings", "settings": "Nebula - Settings",
"discord": "Nebula - Discord", "discord": "Nebula - Discord",
"404": "Nebula - 404" "404": "Nebula - 404"
} },
"comingsoon": "Coming soon!"
} }

View file

@ -54,5 +54,6 @@
"settings": "Nebula - Ajustes", "settings": "Nebula - Ajustes",
"discord": "Nebula - Discord", "discord": "Nebula - Discord",
"404": "Nebula - 404" "404": "Nebula - 404"
} },
"comingsoon": "¡Próximamente!"
} }

View file

@ -54,5 +54,6 @@
"settings": "ネブラ - セッティング", "settings": "ネブラ - セッティング",
"discord": "ネブラ - Discord", "discord": "ネブラ - Discord",
"404": "ネブラ - 404" "404": "ネブラ - 404"
} },
"comingsoon": "近日公開"
} }

View file

@ -1,7 +1,10 @@
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { tabContentVariant, settingsPageVariant } from "./Variants"; import { tabContentVariant, settingsPageVariant } from "./Variants";
import { useTranslation } from "react-i18next";
const Customization = ({ id, active }) => ( function Customization({ id, active }) {
const { t } = useTranslation();
return (
<motion.div <motion.div
role="tabpanel" role="tabpanel"
id={id} id={id}
@ -10,11 +13,15 @@ const Customization = ({ id, active }) => (
animate={active ? "active" : "inactive"} animate={active ? "active" : "inactive"}
initial="inactive" initial="inactive"
> >
<motion.div variants={settingsPageVariant} className="content-card text-center w-full flex flex-col justify-center items-center"> <motion.div
variants={settingsPageVariant}
className="content-card flex w-full flex-col items-center justify-center text-center"
>
<img src="/comingsoonsnake.png" class="h-72 w-72"></img> <img src="/comingsoonsnake.png" class="h-72 w-72"></img>
<h1 class="font-roboto text-3xl">Coming soon!</h1> <h1 class="font-roboto text-3xl">{t("comingsoon")}</h1>
</motion.div> </motion.div>
</motion.div> </motion.div>
); );
}
export default Customization; export default Customization;