resources/js/components/aos-tracker/Map.js

   1 import React from 'react';
   2
   3 import Arena from './Arena';
   4 import CastleCorridor from './CastleCorridor';
   5 import Chapel from './Chapel';
   6 import ClockTower from './ClockTower';
   7 import DanceHall from './DanceHall';
   8 import FloatingGarden from './FloatingGarden';
   9 import ForbiddenArea from './ForbiddenArea';
  10 import InnerQuarters from './InnerQuarters';
  11 import Study from './Study';
  12 import TopFloor from './TopFloor';
  13 import UndergroundCemetery from './UndergroundCemetery';
  14 import UndergroundReservoir from './UndergroundReservoir';
  15
  16 const Map = () =>
  17         <svg
  18                 viewBox="0 0 55 43"
  19                 xmlns="http://www.w3.org/2000/svg"
  20         >
  21                 <style>{`
  22                         .background {
  23                                 fill: #0000a0;
  24                         }
  25                         .region:hover .default .background {
  26                                 fill: #0000e0;
  27                         }
  28                         .save .background {
  29                                 fill: #f80000;
  30                         }
  31                         .secret .background {
  32                                 fill: #ff8040;
  33                         }
  34                         .teleporter .background {
  35                                 fill: #f8f800;
  36                         }
  37                         .transition .background {
  38                                 fill: #800080;
  39                         }
  40                         .corner {
  41                                 fill: #f8f8f8;
  42                         }
  43                         .wall {
  44                                 stroke: #f8f8f8;
  45                                 stroke-linecap: butt;
  46                                 stroke-width: 0.125;
  47                         }
  48                         .wall.door {
  49                                 stroke: #008888;
  50                         }
  51                 `}</style>
  52                 <rect width="100%" height="100%" fill="#280078" />
  53                 <CastleCorridor x={1} y={18} />
  54                 <Chapel x={43} y={18} />
  55                 <Study x={44} y={29} />
  56                 <DanceHall x={2} y={11} />
  57                 <InnerQuarters x={14} y={6} />
  58                 <FloatingGarden x={6} y={1} />
  59                 <ClockTower x={37} y={8} />
  60                 <UndergroundReservoir x={6} y={27} />
  61                 <UndergroundCemetery x={21} y={40} />
  62                 <Arena x={1} y={34} />
  63                 <ForbiddenArea x={36} y={34} />
  64                 <TopFloor x={28} y={4} />
  65         </svg>;
  66
  67 export default Map;