resources/js/components/tracker/Equipment.js

   1 import React from 'react';
   2
   3 import ToggleIcon from './ToggleIcon';
   4
   5 const Equipment = () => {
   6         return <div className="equipment">
   7                 <div className="item">
   8                         <ToggleIcon controller={ToggleIcon.simpleController} icons={['boots']} />
   9                 </div>
  10                 <div className="item">
  11                         <ToggleIcon
  12                                 controller={ToggleIcon.progressiveController('lift', 0, 2)}
  13                                 icons={['glove', 'mitts']}
  14                         />
  15                 </div>
  16                 <div className="item">
  17                         <ToggleIcon controller={ToggleIcon.simpleController} icons={['flippers']} />
  18                 </div>
  19                 <div className="item">
  20                         <ToggleIcon controller={ToggleIcon.simpleController} icons={['moonpearl']} />
  21                 </div>
  22                 <div className="item">
  23                         <ToggleIcon
  24                                 controller={ToggleIcon.simpleController}
  25                                 icons={['half-magic', 'quarter-magic']}
  26                         />
  27                 </div>
  28                 <div className="item">
  29                         <ToggleIcon
  30                                 controller={ToggleIcon.progressiveController('sword', 0, 4)}
  31                                 icons={['sword-1', 'sword-2', 'sword-3', 'sword-4']}
  32                         />
  33                 </div>
  34                 <div className="item">
  35                         <ToggleIcon
  36                                 controller={ToggleIcon.progressiveController('shield', 0, 3)}
  37                                 icons={['fighter-shield', 'fire-shield', 'mirror-shield']}
  38                         />
  39                 </div>
  40                 <div className="item">
  41                         <ToggleIcon
  42                                 controller={ToggleIcon.progressiveController('mail', 1, 3)}
  43                                 icons={['green-mail', 'blue-mail', 'red-mail']}
  44                         />
  45                 </div>
  46                 <div className="item">
  47                         <ToggleIcon
  48                                 controller={ToggleIcon.modulusController('heart-piece')}
  49                                 icons={['heart-0', 'heart-1', 'heart-2', 'heart-3']}
  50                         />
  51                 </div>
  52         </div>;
  53 };
  54
  55 export default Equipment;