diff --git a/src/controllers/card_carousel.css b/src/controllers/card_carousel.css
deleted file mode 100644
index 7b3849b..0000000
--- a/src/controllers/card_carousel.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.carousel-container {
- background-color: #000;
- border-radius: 10px;
- height: 470px;
-}
-
-.carousel {
- display: flex;
- flex-direction: row;
- justify-content: center;
- margin-top: 20px;
-}
-
-.carousel-item {
- background-color: #000;
- height: 450px;
- margin-top: 0;
- width: 300px;
-}
diff --git a/src/controllers/card_carousel.js b/src/controllers/card_carousel.js
deleted file mode 100644
index 44f0e63..0000000
--- a/src/controllers/card_carousel.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import Carousel from 'react-bootstrap/lib/Carousel';
-import DragonCard from '../controllers/dragon_card.js';
-import { addToUserDragons } from '../actions/index';
-import './card_carousel.css';
-
-class ControlledCarousel extends Component {
- constructor(props, context) {
- super(props, context);
-
- this.handleSelect = this.handleSelect.bind(this);
- this.generateKey = this.generateKey.bind(this);
-
- this.state = {
- index: 0,
- direction: null,
- };
- }
-
- handleSelect(selectedIndex, e) {
- this.setState({
- index: selectedIndex,
- direction: e.direction
- });
- }
-
- generateKey() {
- const randomNum = Math.floor(Math.random() * 10000);
- return `${randomNum}_${new Date().getTime()}`;
- }
-
-
- render() {
- const { index, direction } = this.state;
- let dragonList = null;
-
- if (this.props.dragons.length > 0) {
- dragonList = (
-
- {this.props.dragons.map((dragon, index) => {
- return (
-
-
- )})}
-
- )
- } else {
- dragonList = (
-
-
No dragons here!
-
- )
- }
-
- return (
-
- {dragonList}
-
- );
- }
-}
-
-function mapStateToProps({ dragons }) {
- return { dragons };
-};
-
-export default connect(mapStateToProps, { addToUserDragons })(ControlledCarousel);
diff --git a/src/controllers/dragon_card.js b/src/controllers/dragon_card.js
deleted file mode 100644
index 92b0a80..0000000
--- a/src/controllers/dragon_card.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { enterFightMode } from '../actions/index';
-
-class DragonCard extends Component {
- constructor(props) {
- super(props);
-
- this.state = {}
-
- this.createFightMode = this.createFightMode.bind(this);
- }
-
- createFightMode() {
- this.props.toggleFightMode()
- this.props.enterFightMode(this.props.dragon)
- }
-
- render() {
- let card = null;
- if (this.props.randomMode) {
- card = (
-
-
-
{this.props.type}
-
Level: {this.props.level}
-
HP: {this.props.currenthp} / {this.props.maxhp}
-
Strength: {this.props.strength}
-
Defense: {this.props.defense}
-
-
-
{this.props.type}
-
Level: {this.props.level}
-
HP: {this.props.currenthp} / {this.props.maxhp}
-
Strength: {this.props.strength}
-
Defense: {this.props.defense}
-
Fight
-
- {card}
-
- );
- }
-}
-
-function mapStateToProps({ fightMode }) {
- return { fightMode };
-}
-
-export default connect(mapStateToProps, { enterFightMode })(DragonCard);
diff --git a/src/controllers/fightMode.css b/src/controllers/fightMode.css
deleted file mode 100644
index a454934..0000000
--- a/src/controllers/fightMode.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.fight-intro-text {
- margin: 20px;
-}
-
-.fight-container {
- display: flex;
- flex-direction: row;
- justify-content: center;
-}
-
-.fight-card {
- margin: 10px;
-}
diff --git a/src/controllers/fightMode.js b/src/controllers/fightMode.js
deleted file mode 100644
index fb3d42c..0000000
--- a/src/controllers/fightMode.js
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import DragonCard from './dragon_card';
-import Human from '../Components/human_card';
-import { callHuman, saveHuman } from '../actions'
-import './fightMode.css';
-
-class Fight extends Component {
- constructor(props) {
- super(props);
-
- this.state = {
- dragonHP: this.props.fightingDragon.currenthp,
- humanHP: this.props.human.currenthp,
- winner: null,
- borderClass: 'black',
- }
-
- this.enterBattle = this.enterBattle.bind(this);
- this.changeActiveCardBorder = this.changeActiveCardBorder.bind(this);
- this.levelUpHuman = this.levelUpHuman.bind(this);
- }
-
- componentDidMount() {
- if (!this.props.human.type) {
- this.props.callHuman(1);
- }
- }
-
- levelUpHuman() {
- const newHuman = {
- type: this.props.human.type,
- level: this.props.human.level + 1,
- currenthp: Math.round(this.props.human.currenthp + (this.props.human.currenthp * .10)),
- maxhp: Math.round(this.props.human.maxhp + (this.props.human.maxhp * .10)),
- strength: Math.round(this.props.human.strength + (this.props.human.strength * .15)),
- defense: Math.round(this.props.human.defense + (this.props.human.strength * .15)),
- imageurl: this.props.human.imageurl,
- }
- return newHuman;
- }
-
- enterBattle() {
- console.log('enterBattle function is being called');
- const dragonStrength = this.props.fightingDragon.strength;
- const humanStrength = this.props.human.strength;
- const dragonDefense = this.props.fightingDragon.defense;
- const humanDefense = this.props.human.defense;
- let dragonHP = this.props.fightingDragon.currenthp;
- let humanHP = this.props.human.currenthp;
- let damageToHuman = dragonStrength - humanDefense;
- let damageToDragon = humanStrength - dragonDefense;
-
- const humanTurn = (hp, damage) => {
- this.changeActiveCardBorder();
- if (damage > 0) {
- let turnDamage = dragonHP - damageToDragon;
- dragonHP = dragonHP - turnDamage;
- this.setState({
- dragonHP: dragonHP,
- })
- }
-
- if (dragonHP > 0) {
- setTimeout(() => {
- dragonTurn()
- this.changeActiveCardBorder();
- }, 2000);
- } else {
- const leveledUpHuman = this.levelUpHuman(this.props.human)
- this.props.saveHuman(leveledUpHuman);
- this.setState({
- winner: 'Human wins!'
- })
- setTimeout(() => {
- const leveledUpHuman = this.levelUpHuman(this.props.human)
- this.props.saveHuman(leveledUpHuman);
- this.props.toggleFightMode();
- }, 3000);
- }
- }
-
- // give the dragon a turn.
- const dragonTurn = () => {
- this.changeActiveCardBorder();
- // the damage is the current hp of the human minus the calculated damaged.
- if (damageToHuman > 0) {
- humanHP = humanHP - damageToHuman;
- this.setState({
- humanHP: humanHP,
- })
- }
- // if the human hp minus the turn damage is greater than 0, call humanTurn.
- if (humanHP > 0) {
- setTimeout(() => {
- humanTurn();
- this.changeActiveCardBorder();
- }, 2000)
-
- } else {
- this.setState({
- winner: 'Dragon wins!'
- })
- setTimeout(() => {
- const leveledUpHuman = this.levelUpHuman(this.props.human)
- this.props.saveHuman(leveledUpHuman);
- this.props.toggleFightMode();
- }, 3000);
- }
- }
- humanTurn();
- }
-
- changeActiveCardBorder() {
- if (this.state.class === 'black') {
- this.setState({
- class: 'green'
- })
- } else {
- this.setState({
- class: 'black',
- })
- }
- }
-
- render() {
- return (
-
-
Battle Screen
-
This human is trying to get glory. If you win, you level up and you get to enjoy your picnic. If you lose, say goodbye to your HP and your peaceful afternoon.
-
-
- Enter Battle!
-
-
{this.state.winner}
-
-
-
- Accept This Dragon
- Get New Dragon
-
-
-
- )
-}