51 lines
1.9 KiB
TypeScript
51 lines
1.9 KiB
TypeScript
import { motion } from "framer-motion";
|
|
import { tabContentVariant, settingsPageVariant } from "./Variants";
|
|
import CloakPreset from "./CloakPreset";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
const TabSettings = ({ id, active }) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<motion.div
|
|
role="tabpanel"
|
|
id={id}
|
|
className="tab-content"
|
|
variants={tabContentVariant}
|
|
animate={active ? "active" : "inactive"}
|
|
initial="inactive"
|
|
>
|
|
<motion.div
|
|
variants={settingsPageVariant}
|
|
className="content-card flex w-full flex-col items-center justify-center text-center"
|
|
>
|
|
<div class="text-3xl font-bold text-catppuccinText">{t("settings.cloaking.title")}</div>
|
|
<div class="text-md font-bold pb-5 text-catppuccinText">{t("settings.cloaking.subtitle")}</div>
|
|
<div class="flex flex-row space-x-4">
|
|
<CloakPreset faviconUrl="none" title="none" />
|
|
<CloakPreset
|
|
faviconUrl="https://t1.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://google.com&size=32"
|
|
title="Google"
|
|
/>
|
|
<CloakPreset
|
|
faviconUrl="https://www.wikipedia.org/static/favicon/wikipedia.ico"
|
|
title="Wikipedia"
|
|
/>
|
|
<CloakPreset
|
|
faviconUrl="https://du11hjcvx0uqb.cloudfront.net/dist/images/favicon-e10d657a73.ico"
|
|
title="Dashboard"
|
|
/>
|
|
<CloakPreset
|
|
faviconUrl="https://ssl.gstatic.com/classroom/ic_product_classroom_144.png"
|
|
title="Home"
|
|
/>
|
|
<CloakPreset
|
|
faviconUrl="https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico"
|
|
title="Schoology"
|
|
/>
|
|
</div>
|
|
</motion.div>
|
|
</motion.div>
|
|
);
|
|
};
|
|
export default TabSettings;
|