From 9e37109762e1a540930272c73b47b360242b63bc Mon Sep 17 00:00:00 2001
From: Maxim Velesyuk <max.velesyuk@gmail.com>
Date: Thu, 3 Oct 2024 22:20:20 +0200
Subject: [PATCH] Add player names

---
 src/pages/players/components/PlayerSection.tsx | 2 +-
 src/utils/mocks.ts                             | 8 ++++++++
 src/utils/types.ts                             | 2 ++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/players/components/PlayerSection.tsx b/src/pages/players/components/PlayerSection.tsx
index 592d8440..006b4e55 100644
--- a/src/pages/players/components/PlayerSection.tsx
+++ b/src/pages/players/components/PlayerSection.tsx
@@ -12,7 +12,7 @@ export default function PlayerSection({ player }: Props) {
     <Box display="flex" justifyContent="center">
       <Box textAlign={'left'}>
         <Typography fontSize={'48px'} fontWeight={700} lineHeight={1}>
-          Имя {player.name}
+          {player.first_name || ''} {player.name}
         </Typography>
         <Box
           height={'300px'}
diff --git a/src/utils/mocks.ts b/src/utils/mocks.ts
index 66ac5b51..2b0947d3 100644
--- a/src/utils/mocks.ts
+++ b/src/utils/mocks.ts
@@ -12,6 +12,8 @@ const playerLasqa: Player = {
   is_online: false,
   url_handle: 'lasqa',
   stream_last_category: 'Gothic',
+  first_name: 'Богдан',
+  last_name: '',
 }
 
 const playerSegall: Player = {
@@ -25,6 +27,8 @@ const playerSegall: Player = {
   is_online: false,
   url_handle: 'segall',
   stream_last_category: 'Just Chatting',
+  first_name: 'Александр',
+  last_name: '',
 }
 
 const playerRoadhouse: Player = {
@@ -38,6 +42,8 @@ const playerRoadhouse: Player = {
   is_online: true,
   url_handle: 'roadhouse',
   stream_last_category: 'Witcher',
+  first_name: '',
+  last_name: '',
 }
 
 const playerPraden: Player = {
@@ -51,6 +57,8 @@ const playerPraden: Player = {
   is_online: true,
   url_handle: 'praden',
   stream_last_category: 'Witcher',
+  first_name: '',
+  last_name: '',
 }
 
 export const playersMock = [
diff --git a/src/utils/types.ts b/src/utils/types.ts
index 9bca6956..999afefe 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -9,6 +9,8 @@ export type Player = {
   url_handle: string
   map_position: number
   stream_last_category: string
+  first_name: string
+  last_name: string
 }
 
 export type PlayerStats = {