fix: forward realm to live event jump-in so world events deep-link to the world (#629)

Author: juanmahidalgo

src/components/whats-on/EventDetailModal/EventDetailModalHero.spec.tsx

@@ -223,6 +223,24 @@ describe('EventDetailModalHero', () => {
 
       expect(screen.getByTestId('jump-in-button')).toHaveAttribute('data-position', '10,20')
     })
+
+    describe('and the event is hosted in a world', () => {
+      it('should pass the realm to the jump in button so the launcher deep-links into the world instead of Genesis City', () => {
+        render(<EventDetailModalHero data={createMockData({ live: true, isWorld: true, realm: 'kenz0.dcl.eth' })} onClose={mockOnClose} />)
+
+        const jumpInButton = screen.getByTestId('jump-in-button')
+        expect(jumpInButton).toHaveAttribute('data-position', '10,20')
+        expect(jumpInButton).toHaveAttribute('data-realm', 'kenz0.dcl.eth')
+      })
+    })
+
+    describe('and the event is hosted in Genesis City', () => {
+      it('should not pass a realm so the launcher uses the coordinates', () => {
+        render(<EventDetailModalHero data={createMockData({ live: true, isWorld: false })} onClose={mockOnClose} />)
+
+        expect(screen.getByTestId('jump-in-button')).not.toHaveAttribute('data-realm')
+      })
+    })
   })
 
   describe('when the event has no image', () => {

src/components/whats-on/EventDetailModal/EventDetailModalHero.tsx

@@ -173,7 +173,7 @@ function EventDetailModalHero({ data, onClose, onEdit }: { data: ModalEventData;
           </CreatorLocationRow>
           <ActionsRow>
             {data.live && (
-              <JumpInButton position={`${data.x},${data.y}`} size="medium">
+              <JumpInButton position={`${data.x},${data.y}`} realm={data.realm} size="medium">
                 {t('event_detail.jump_in')}
               </JumpInButton>
             )}