Add player names

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'}

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 = [

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 = {