You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
getcryst.al/components/TranslationInfo.tsx

21 lines
627 B
TypeScript

import { faLanguage } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useTranslation } from "next-i18next";
import { useRouter } from "next/router";
const TranslationInfo = () => {
const { t } = useTranslation("meta");
const { locale, defaultLocale } = useRouter();
if (locale === defaultLocale) return null;
return (
<div className="mb-4 rounded-lg bg-ctp-surface0 p-4 text-sm" role="alert">
<FontAwesomeIcon icon={faLanguage} size="xl" className="mr-2" />
{t("documentation")}
</div>
);
};
export default TranslationInfo;