From 53759be8b769ec2607e8f65b7c66c327606f4754 Mon Sep 17 00:00:00 2001
From: "soroush.asadi" <soroush.asadi@aliasaas.com>
Date: Sat, 13 Jun 2026 08:59:15 +0330
Subject: [PATCH] ui: raise in-game emoji button above the hand + gender =
 male/female/unknown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- GameTable reactions button (and its tray) moved up from the bottom-right so it
  no longer overlaps the player's cards on mobile portrait.
- Gender options are now Male / Female / Unknown — removed "other" from the
  Gender type, GENDER_META, and the profile picker; the empty value renders as
  «نامشخص» / "Unknown".

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/GameTable.tsx             | 6 +++---
 src/components/screens/ProfileScreen.tsx | 2 +-
 src/lib/i18n.tsx                         | 2 +-
 src/lib/online/types.ts                  | 2 +-
 src/lib/social.ts                        | 1 -
 5 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/GameTable.tsx b/src/components/GameTable.tsx
index 1b5f5cb..a1a977b 100644
--- a/src/components/GameTable.tsx
+++ b/src/components/GameTable.tsx
@@ -800,7 +800,7 @@ function Reactions() {
             initial={{ opacity: 0, y: 12, scale: 0.95 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={{ opacity: 0, y: 12, scale: 0.95 }}
-            className="absolute bottom-20 ltr:right-4 rtl:left-4 z-50 glass rounded-2xl p-2 w-[min(270px,86vw)]"
+            className="absolute bottom-60 ltr:right-3 rtl:left-3 z-50 glass rounded-2xl p-2 w-[min(270px,86vw)]"
           >
             <div className="flex gap-1 p-1 rounded-xl bg-navy-900/70 mb-2">
               <button
@@ -852,10 +852,10 @@ function Reactions() {
         )}
       </AnimatePresence>
 
-      {/* button */}
+      {/* button — raised above the hand so it doesn't overlap the cards on mobile */}
       <button
         onClick={() => setOpen((o) => !o)}
-        className="absolute bottom-[max(1rem,env(safe-area-inset-bottom))] ltr:right-4 rtl:left-4 z-50 glass rounded-full min-h-12 min-w-12 grid place-items-center hover:bg-navy-800 transition"
+        className="absolute bottom-44 ltr:right-3 rtl:left-3 z-50 glass rounded-full min-h-12 min-w-12 grid place-items-center hover:bg-navy-800 transition"
         title={t("reactions.title")}
       >
         <SmilePlus className="size-5 text-gold-400" />
diff --git a/src/components/screens/ProfileScreen.tsx b/src/components/screens/ProfileScreen.tsx
index 3387d4e..249d361 100644
--- a/src/components/screens/ProfileScreen.tsx
+++ b/src/components/screens/ProfileScreen.tsx
@@ -407,7 +407,7 @@ function Stat({ label, value }: { label: string; value: string | number }) {
   );
 }
 
-const GENDERS: Gender[] = ["male", "female", "other", ""];
+const GENDERS: Gender[] = ["male", "female", ""];
 const VIS_OPTIONS: { id: SocialVisibility; icon: React.ReactNode; key: string }[] = [
   { id: "public", icon: <Eye className="size-3.5" />, key: "profile.visPublic" },
   { id: "friends", icon: <Users className="size-3.5" />, key: "profile.visFriends" },
diff --git a/src/lib/i18n.tsx b/src/lib/i18n.tsx
index d0fa6fc..09274dd 100644
--- a/src/lib/i18n.tsx
+++ b/src/lib/i18n.tsx
@@ -737,7 +737,7 @@ const en: Dict = {
   "profile.cardBack": "Card back",
   "profile.social": "Social & contact",
   "profile.gender": "Gender",
-  "profile.genderNone": "Unspecified",
+  "profile.genderNone": "Unknown",
   "profile.socialLinks": "Social media",
   "profile.socialsVisibility": "Show socials to",
   "profile.visPublic": "Everyone",
diff --git a/src/lib/online/types.ts b/src/lib/online/types.ts
index 1e28d39..d899f9c 100644
--- a/src/lib/online/types.ts
+++ b/src/lib/online/types.ts
@@ -34,7 +34,7 @@ export interface PlayerStats {
 export type PlanId = "free" | "pro";
 
 /** Player-stated gender (empty = unspecified / not shown). */
-export type Gender = "" | "male" | "female" | "other";
+export type Gender = "" | "male" | "female";
 
 /** Who may see a player's social links. */
 export type SocialVisibility = "public" | "friends" | "hidden";
diff --git a/src/lib/social.ts b/src/lib/social.ts
index 6dd5d10..c67e1bd 100644
--- a/src/lib/social.ts
+++ b/src/lib/social.ts
@@ -7,7 +7,6 @@ export const GENDER_META: Record<
 > = {
   male: { symbol: "♂", color: "#5aa6e0", faLabel: "آقا", enLabel: "Male" },
   female: { symbol: "♀", color: "#ff7aa8", faLabel: "خانم", enLabel: "Female" },
-  other: { symbol: "⚧", color: "#c77dff", faLabel: "دیگر", enLabel: "Other" },
 };
 
 /** The social platforms a player can share, with link prefixes + brand colours. */