SHARE
TWEET

Untitled

a guest Sep 19th, 2019 94 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import { PostbattlePlayerModel } from 'gui/impl/gen/view_models/views/lobby/postbattle/postbattle_player_model';
  2. import { ALLIES_TEAM_ALIAS } from 'gui/impl/gen/view_models/views/lobby/postbattle/postbattle_team_stats_model';
  3. import React, { useState } from 'react';
  4. import { HorizontalTabs } from '../../../../../../../components/tabs/HorizontalTabs/HorizontalTabs';
  5. import { Tab } from '../../../../../../../components/tabs/Tab/Tab';
  6. import { LifeStatus } from '../../LifeStatus/LifeStatus';
  7. import { PlayerNickname } from '../../PlayerNickname/PlayerNickname';
  8. import { BackwardButton } from '../BackwardButton/BackwardButton';
  9. import { EfficiencyAchievements } from '../EfficiencyAchievements/EfficiencyAchievements';
  10. import { EfficiencyTable } from '../EfficiencyTable/EfficiencyTable';
  11. import { StatisticsInfo } from '../StatisticsInfo/StatisticsInfo';
  12.  
  13. import styles from './DetailedStats.css';
  14.  
  15. interface IProps extends PostbattlePlayerModel {
  16.     alias: string,
  17.     onClose: () => void;
  18. }
  19.  
  20. const DetailedStats: React.FC<IProps> = ({
  21.     isPersonal,
  22.     localizedVehicleName,
  23.     user,
  24.     onClose,
  25.     details,
  26.     alias
  27. }) => {
  28.     const [_isPersonal, setIsPersonal] = useState(isPersonal);
  29.    
  30.     const handleClose = () => {
  31.         onClose();
  32.     };
  33.     const backwardButtonText = (alias === ALLIES_TEAM_ALIAS) ?
  34.         R.strings.postbattle_screen.detailedStats.backwardButton.enemies() :
  35.         R.strings.postbattle_screen.detailedStats.backwardButton.allies();
  36.    
  37.     return (
  38.         <div className={styles.base}>
  39.             <div className={styles.header}>
  40.                 <div className={styles.vehicleName}>
  41.                     {localizedVehicleName}
  42.                 </div>
  43.                 <div className={styles.playerSummary}>
  44.                     <PlayerNickname {...user} />
  45.                     <LifeStatus {...details} />
  46.                 </div>
  47.                 <div className={styles.close}
  48.                     onClick={handleClose}
  49.                 />
  50.             </div>
  51.             {Boolean(details.achievements.length) && (
  52.                 <div className={styles.rewards}>
  53.                     <EfficiencyAchievements achievements={details.achievements} />
  54.                 </div>
  55.             )}
  56.             <HorizontalTabs className={styles.tabs}>
  57.                 <React.Fragment tabs-role="tabs-list">
  58.                     <Tab
  59.                         // tabs-role="tab"
  60.                         tab-key="0"
  61.                         onClick={() => setIsPersonal(true)}
  62.                     >
  63.                         Текст
  64.                     </Tab>
  65.                     <Tab
  66.                         // tabs-role="tab"
  67.                         tab-key="1"
  68.                         onClick={() => setIsPersonal(false)}
  69.                     >
  70.                         Текст2
  71.                     </Tab>
  72.                 </React.Fragment>
  73.                 {/*<div tab-key="0" tabs-role="tab-content">*/}
  74.                 {/*    <EfficiencyTable*/}
  75.                 {/*        efficiency={details.efficiency}*/}
  76.                 {/*        capturePoints={details.capturePoints}*/}
  77.                 {/*        droppedCapturePoints={details.droppedCapturePoints}*/}
  78.                 {/*    />*/}
  79.                 {/*</div>*/}
  80.                 {/*<div tab-key="1" tabs-role="tab-content">*/}
  81.                 {/*    <StatisticsInfo items={details.statistics} />*/}
  82.                 {/*</div>*/}
  83.             </HorizontalTabs>
  84.             <div className={styles.stats}>
  85.                 {_isPersonal ? (
  86.                     <EfficiencyTable
  87.                         efficiency={details.efficiency}
  88.                         capturePoints={details.capturePoints}
  89.                         droppedCapturePoints={details.droppedCapturePoints}
  90.                     />
  91.                 ) : (
  92.                     <StatisticsInfo items={details.statistics} />
  93.                 )}
  94.             </div>
  95.             <div className={styles.footer}>
  96.                 <BackwardButton
  97.                     onClick={handleClose}
  98.                     text={backwardButtonText}
  99.                 />
  100.             </div>
  101.         </div>
  102.     );
  103. };
  104.  
  105. export { DetailedStats };
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top