From 7719bb253edf8af2e804a4ae58c55183114e206d Mon Sep 17 00:00:00 2001
From: Delirium <nikita@openreplay.com>
Date: Fri, 5 Apr 2024 17:23:07 +0200
Subject: [PATCH] fix ui: fix player platform check (#2044)

---
 frontend/app/components/Session/Session.tsx | 4 ++--
 frontend/app/types/session/session.ts       | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Session/Session.tsx b/frontend/app/components/Session/Session.tsx
index ad152ad5e..ec4f969be 100644
--- a/frontend/app/components/Session/Session.tsx
+++ b/frontend/app/components/Session/Session.tsx
@@ -51,8 +51,8 @@ function Session({
 		clearLogs()
 		sessionStore.resetUserFilter();
 	} ,[])
-
-	const player = session.platform === 'ios' ? <MobilePlayer /> : <WebPlayer />
+	
+	const player = session.isMobileNative ? <MobilePlayer /> : <WebPlayer />
 	return (
 		<NoContent
 			show={ hasErrors }
diff --git a/frontend/app/types/session/session.ts b/frontend/app/types/session/session.ts
index 09dccc4cc..589175733 100644
--- a/frontend/app/types/session/session.ts
+++ b/frontend/app/types/session/session.ts
@@ -134,6 +134,7 @@ export interface ISession {
   userEvents: any[];
   timezone?: string;
   videoURL?: string[]
+  isMobileNative?: boolean
 }
 
 const emptyValues = {
@@ -217,6 +218,7 @@ export default class Session {
   frustrations: Array<IIssue | InjectedEvent>
   timezone?: ISession['timezone'];
   platform: ISession['platform'];
+  isMobileNative?: ISession['isMobileNative'];
 
   fileKey: ISession['fileKey'];
   durationSeconds: number;
@@ -304,7 +306,7 @@ export default class Session {
 
     Object.assign(this, {
       ...session,
-      isIOS: session.platform === 'ios',
+      isMobileNative: ['ios', 'android'].includes(session.platform),
       errors: exceptions,
       siteId: projectId,
       events,