Add pill in profile

This commit is contained in:
Arthur Belleville 2026-03-16 09:43:18 +01:00
parent 63edd59c57
commit 65ea60a91c
No known key found for this signature in database

View file

@ -25,6 +25,7 @@ import { TypographyH3, TypographyMuted, TypographySmall } from "@xtablo/ui/compo
import { CameraIcon, CookieIcon, Loader2Icon, Trash2Icon, UploadIcon } from "lucide-react";
import { useEffect, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import { Badge } from "@xtablo/ui/components/badge";
import { LanguageSelector } from "../components/LanguageSelector";
import { SubscriptionCard } from "../components/SubscriptionCard";
import { useIntroduction } from "../hooks/intros";
@ -195,6 +196,17 @@ export default function SettingsPage() {
<TypographyMuted>{t("settings:subtitle")}</TypographyMuted>
</div>
<div className="flex items-center gap-2 mt-2">
{organizationData?.active_subscription_plan === "annual" && (
<Badge className="bg-linear-to-r from-purple-500 to-blue-500 text-white border-transparent text-xs">
Founder
</Badge>
)}
{organizationData?.active_subscription_plan === "team" && (
<Badge color="indigo">Teams</Badge>
)}
{organizationData?.active_subscription_plan === "solo" && (
<Badge color="zinc">Solo</Badge>
)}
<LanguageSelector />
</div>
</div>