resources/js/components/tracker/Equipment.js

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