import React, { Component } from 'react';
import weapons from './weapons.json';
import './style.css';

class Weapons extends Component {
  render() {
    return (
      <h1>Weapons</h1>
    )
  }
}

export default Weapons;

import React, { Component } from 'react';
import weapons from './weapons.json';
import './style.css';

function WeaponsItems() {
  const weaponsItems = weapons.map((item) =>
    <div className="content-item">
      <p>{item.title}</p>
      <ul>
        {item.items.map((element) => <li>{element}</li>)}
      </ul>
    </div>
  );
  return (
    <div className="container">{weaponsItems}</div>
  );
}

class Weapons extends Component {
  render() {
    return (
      <WeaponsItems/>
    )
  }
}

export default Weapons;

Add elements to the menu
wip(weapons): Add elements to the menu

