From 65ea60a91cba9fa53b005c833b92673e3f3bfa00 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Mon, 16 Mar 2026 09:43:18 +0100
Subject: [PATCH] Add pill in profile

---
 apps/main/src/pages/settings.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/main/src/pages/settings.tsx b/apps/main/src/pages/settings.tsx
index 04af479..f121e98 100644
--- a/apps/main/src/pages/settings.tsx
+++ b/apps/main/src/pages/settings.tsx
@@ -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>