{"size": 451, "ext": "js", "max_stars_repo_path": "Client-app/src/components/News/index.js", "max_stars_repo_name": "SamanthaGuillemette/SOEN390", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "Client-app/src/components/News/index.js", "max_issues_repo_name": "SamanthaGuillemette/SOEN390", "max_issues_repo_issues_event_min_datetime": "2022-02-22T06:25:24.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T21:05:43.000Z", "max_forks_repo_path": "Client-app/src/components/News/index.js", "max_forks_repo_name": "SamanthaGuillemette/SOEN390", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 160, "max_forks_count": null, "avg_line_length": 19.6086956522, "max_line_length": 71, "alphanum_fraction": 0.5942350333}
/**
 * @fileoverview This component takes care of the News function.
 *
 */
import NewsList from "./NewsList";
import { useFetchNewsData } from "../../backend/firebaseNewsUtilities";
import "./News.css";

const News = () => {
  const { data: news } = useFetchNewsData();

  return (
    <div>
      <h1 className="News__Header">News page</h1>
      <br />
      <br />
      {news && <NewsList news={news} />}
    </div>
  );
};

export default News;
