From 880f45110643c14d9aa581af9b5e1d8407d57437 Mon Sep 17 00:00:00 2001
From: Karolina Kosiorowska <karolina.kosiorowska@tally.cash>
Date: Wed, 1 Nov 2023 11:43:40 +0100
Subject: [PATCH] Move pin for realm

---
 src/ui/Island/RealmPin.tsx | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/ui/Island/RealmPin.tsx b/src/ui/Island/RealmPin.tsx
index 20b9dd73e..acb93bbab 100644
--- a/src/ui/Island/RealmPin.tsx
+++ b/src/ui/Island/RealmPin.tsx
@@ -9,7 +9,22 @@ import {
 } from "redux-state"
 import { FIGMA_FACTOR, getRealmMapData } from "shared/constants"
 
-const PIN_TRANSLATE = 200
+function getPinShift(realmId: string) {
+  switch (realmId) {
+    case "4":
+      return { x: 200, y: 300 }
+    case "7":
+      return { x: 500, y: 300 }
+    case "9":
+      return { x: 500, y: 300 }
+    case "19":
+      return { x: 250, y: 250 }
+    case "22":
+      return { x: 200, y: 250 }
+    default:
+      return { x: 250, y: 250 }
+  }
+}
 
 export default function RealmPin() {
   const stakingRealmId = useDappSelector(selectStakingRealmId)
@@ -22,8 +37,9 @@ export default function RealmPin() {
 
   if (!stakingRealmId || !stakingRealm) return null
 
-  const pinX = stakingRealm.x + stakingRealm.w * 0.75 - PIN_TRANSLATE
-  const pinY = stakingRealm.y + stakingRealm.h / 2 - PIN_TRANSLATE
+  const pinShift = getPinShift(stakingRealmId)
+  const pinX = stakingRealm.x + stakingRealm.w * 0.75 - pinShift.x
+  const pinY = stakingRealm.y + stakingRealm.h / 2 - pinShift.y
 
   return (
     <Group listening={false}>