sabesansathananthan

import React, { useState, useEffect } from "react";
import { NativeSelect, FormControl } from "@material-ui/core";
import styles from "./CountryPicker.module.css";
import { fetchCountries } from "../../api";

const CountryPicker = ({ handleCountryChange }) => {
  const [fetchedCountries, setFetchedCountries] = useState([]);
  useEffect(() => {
    const fetchAPI = async () => {
      setFetchedCountries(await fetchCountries());

sabesansathananthan

.formControl {
  width: 30%;
  margin-bottom: 30px !important;
}

sabesansathananthan

export { default as Cards } from "./Cards/Cards";
export { default as Chart } from "./Chart/Chart";
export { default as CountryPicker } from "./CountryPicker/CountryPicker";

sabesansathananthan

import React from "react";
import { Cards, Chart, CountryPicker } from "./Components";
import styles from "./App.module.css";
import { fetchData } from "./api";
import coronaImage from "./images/image.png";

class App extends React.Component {
  state = {
    data: {},
    country: "",

sabesansathananthan

body {
  background-color: rgb(250, 250, 250);
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

sabesansathananthan

Hi there, I'm Sabesan Sathananthan - aka [Sabesan][website] 👋

I'm a Student, Undergraduate, Developer, and Physics Teacher!

• 🔭 I’m currently working on a my final year project!
• 🌱 I’m currently learning Fullstack and Machine Learning
• 👯 I’m looking to collaborate with other content creators
• 🥅 2020 Goals: Contribute more to Open Source projects
• ⚡ Fun fact: I love to play chess and listen music.

sabesansathananthan

name: Latest blog post workflow
on:
  schedule:
    # Runs every hour
    - cron: "0 * * * *"
  workflow_dispatch:

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts

sabesansathananthan

import React from "react";
import { Col, Row } from "shards-react";
import BlogCard from "./BlogCard";

// wrapper for items
class Slider extends React.Component {
  constructor(props) {
    super(props);
    this.state = { itemRows: [], avatar: "", profileLink: "" };
  }

sabesansathananthan

import React from "react";
import { Card, CardBody, CardFooter } from "shards-react";
import ShortenText from "../utils/ShortenText";
import ToText from "../utils/ToText";
import { faUser, faCalendarAlt } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
// functional card component to display single item
export default function BlogCard(props) {
  var shortMonthName = new Intl.DateTimeFormat("en-US", {
    month: "short",

sabesansathananthan

<form className="contact-form" onSubmit={(e) => this.formSubmit(e)}>
        <TextField
          id="standard-multiline-flexible"
          label="Message"
          placeholder="Enter Message"
          variant="outlined"
          multiline
          rowsMax={4}
          value={this.state.message}
          onChange={(e) => this.setState({ message: e.target.value })}