<commit_before>import React from 'react';
import Card from './Card';
import CurrentWeather from './CurrentWeather';
import SevenHour from './SevenHour';
import TenDay from './TenDay';
import Search from './Search';
import WelcomePage from './WelcomePage';
import RecentCities from './RecentCities';
import Nav from './Nav';
import key from './keys'
import './Styles.css';


export default class App extends React.Component {
  constructor() {
    super();
    this.state = {
      city: '',
      fullLocal: '',
      location: '',
      zipCode: '',
      date: '',
      temp: '',
      condition: '',
      day:[],
      hourly: [],
      high: '',
      low: '',
      tempCities: [
        {name: 'Denver'},
        {name: 'Oklahoma City'},
        {name: 'Seattle'},
        {name: 'Austin'},
        {name: 'San Diego'}
      ],
      searchClicked: false,
      sevenClicked: false,
      tenClicked: false,
      cityClicked: false,
      displayWelcome: true,
    }
  }

  submitClicked() {
    this.getWeatherInfo()
    this.setState({
      searchClicked: true,
      sevenClicked: true,
      tenClicked: false,
      cityClicked: false,
      displayWelcome: false,
    })
  }

  hourClicked() {
    this.setState({
      sevenClicked: true,
      tenClicked: false,
      cityClicked: false,
    })
  }

  dayClicked() {
    this.setState({
      sevenClicked: false,
      tenClicked: true,
      cityClicked: false,
    })
  }

  topClicked() {
    this.setState({
      sevenClicked: false,
      tenClicked: false,
      cityClicked: true,
    })
  }

  setCity(newCity) {
    this.setState({
      city: newCity,
    })
  }

  getWeatherInfo() {
    fetch(`http://api.wunderground.com/api/${key.weathergroundKey}/conditions/hourly/forecast10day/q/Colorado/${this.state.city}.json`)
    .then(data => data.json())
    // .then(data => console.log(data))
    .then(data => this.setState({ location: data.current_observation.display_location.city,
    fullLocal: data.current_observation.display_location.full,
    temp: data.current_observation.temp_f,
    zipCode: data.current_observation.display_location.zip,
    condition: data.current_observation.weather,
    high: data.forecast.simpleforecast.forecastday[0].high.fahrenheit,
    low: data.forecast.simpleforecast.forecastday[0].low.fahrenheit,
    day: data.forecast.simpleforecast.forecastday,
    hourly: data.hourly_forecast,
  }))
  }<commit_msg>messed around with css filter for icons<commit_after>import React from 'react';
import Card from './Card';
import CurrentWeather from './CurrentWeather';
import SevenHour from './SevenHour';
import TenDay from './TenDay';
import Search from './Search';
import WelcomePage from './WelcomePage';
import RecentCities from './RecentCities';
import Nav from './Nav';
import key from './keys'
import './Styles.css';


export default class App extends React.Component {
  constructor() {
    super();
    this.state = {
      city: '',
      fullLocal: '',
      location: '',
      zipCode: '',
      date: '',
      temp: '',
      condition: '',
      day:[],
      hourly: [],
      high: '',
      low: '',
      tempCities: [
        {name: 'Denver'},
        {name: 'Oklahoma City'},
        {name: 'Seattle'},
        {name: 'Austin'},
        {name: 'San Diego'}
      ],
      searchClicked: false,
      sevenClicked: false,
      tenClicked: false,
      cityClicked: false,
      displayWelcome: true,
    }
  }

  submitClicked() {
    this.getWeatherInfo()
    this.setState({
      searchClicked: true,
      sevenClicked: true,
      tenClicked: false,
      cityClicked: false,
      displayWelcome: false,
    })
  }

  hourClicked() {
    this.setState({
      sevenClicked: true,
      tenClicked: false,
      cityClicked: false,
    })
  }

  dayClicked() {
    this.setState({
      sevenClicked: false,
      tenClicked: true,
      cityClicked: false,
    })
  }

  topClicked() {
    this.setState({
      sevenClicked: false,
      tenClicked: false,
      cityClicked: true,
    })
  }

  setCity(newCity) {
    this.setState({
      city: newCity,
    })
  }

  getWeatherInfo() {
    fetch(`http://api.wunderground.com/api/${key.weathergroundKey}/conditions/hourly/forecast10day/q/Colorado/${this.state.city}.json`)
    .then(data => data.json())
    .then(data => console.log(data))
    .then(data => this.setState({ location: data.current_observation.display_location.city,
    fullLocal: data.current_observation.display_location.full,
    temp: data.current_observation.temp_f,
    zipCode: data.current_observation.display_location.zip,
    condition: data.current_observation.weather,
    high: data.forecast.simpleforecast.forecastday[0].high.fahrenheit,
    low: data.forecast.simpleforecast.forecastday[0].low.fahrenheit,
    day: data.forecast.simpleforecast.forecastday,
    hourly: data.hourly_forecast,
  }))
  }
{'fraction_non_alphanumeric': 0.1398974358974359, 'fraction_numerical': 0.001641025641025641, 'mean_word_length': 2.7335375191424194, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7163879', 'n_tokens_mistral': 1570, 'n_tokens_neox': 1549, 'n_words': 310}