From a627eb0b30a6f65a8a0f40c13a891b4beb8e2e79 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Tue, 10 Mar 2026 06:20:29 +0300
Subject: [PATCH] fix: gift code display + share modal backdrop

- Don't uppercase gift codes (tokens are case-sensitive base64)
- Lighten share modal backdrop (bg-dark-900/40 instead of bg-black/60)
---
 src/pages/GiftResult.tsx       | 2 +-
 src/pages/GiftSubscription.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/GiftResult.tsx b/src/pages/GiftResult.tsx
index 508488b..8425b5e 100644
--- a/src/pages/GiftResult.tsx
+++ b/src/pages/GiftResult.tsx
@@ -10,7 +10,7 @@ import { AnimatedCrossmark } from '@/components/ui/AnimatedCrossmark';
 import { cn } from '@/lib/utils';
 
 function formatGiftCode(token: string): string {
-  return `GIFT-${token.slice(0, 12).toUpperCase()}`;
+  return `GIFT-${token.slice(0, 12)}`;
 }
 
 const MAX_POLL_MS = 10 * 60 * 1000; // 10 minutes
diff --git a/src/pages/GiftSubscription.tsx b/src/pages/GiftSubscription.tsx
index aedbcae..bfa75d9 100644
--- a/src/pages/GiftSubscription.tsx
+++ b/src/pages/GiftSubscription.tsx
@@ -1015,7 +1015,7 @@ function ShareModal({ gift, onClose }: { gift: SentGift; onClose: () => void })
       onClick={onClose}
     >
       {/* Backdrop */}
-      <div className="absolute inset-0 bg-black/60 backdrop-blur-sm" />
+      <div className="absolute inset-0 bg-dark-900/40 backdrop-blur-sm" />
 
       {/* Modal content */}
       <motion.div
@@ -1131,7 +1131,7 @@ function SentGiftCard({ gift }: { gift: SentGift }) {
   const { t } = useTranslation();
   const [showShareModal, setShowShareModal] = useState(false);
 
-  const giftCode = `GIFT-${gift.token.slice(0, 12).toUpperCase()}`;
+  const giftCode = `GIFT-${gift.token.slice(0, 12)}`;
   const isActivated = isGiftActivated(gift);
   const isAvailable = !isActivated && isGiftAvailable(gift.status);