Rename OpenToday component to OpenXDay

src/Components/IsNiftyOpenApp/App.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import './App.css';
-import { OpenToday } from '../OpenToday';
+import { OpenXDay } from '../OpenXDay';
 import { allHolidays } from '../../Data';
 
 class IsNiftyOpenApp extends React.Component {
@@ -8,7 +8,7 @@ class IsNiftyOpenApp extends React.Component {
     return (
       <div className="App">
         <div className="OpenToday-container">
-          <OpenToday question={OpenToday.OpenOrClose.Open} allHolidays={allHolidays} />
+          <OpenXDay question={OpenXDay.OpenOrClose.Open} allHolidays={allHolidays} />
         </div>
       </div>
     );

src/Components/OpenToday/index.tsx

@@ -1 +0,0 @@
-export { OpenToday } from './Component';

src/Components/OpenXDay/Component.css

@@ -1,4 +1,5 @@
 @import "../../Utils/utils.css";
+
 .OpenToday {
     width: 100%;
     height: 100%;

src/Components/OpenXDay/Component.tsx

@@ -6,15 +6,15 @@ import "./Component.css";
 import { Holiday, HolidayList, getWeekendHoliday } from '../../Data/index';
 import { ClosedReason } from '../ClosedReason';
 
-export class OpenToday extends React.Component<{
+export class OpenXDay extends React.Component<{
-    question: OpenToday.OpenOrClose,
+    question: OpenXDay.OpenOrClose,
     allHolidays: HolidayList
 }, {}> {
-    question: OpenToday.OpenOrClose;
+    question: OpenXDay.OpenOrClose;
     allHolidays: HolidayList;
     answer: { open: boolean, holiday: Holiday | undefined };
 
-    constructor(props: { question: OpenToday.OpenOrClose, allHolidays: HolidayList }) {
+    constructor(props: { question: OpenXDay.OpenOrClose, allHolidays: HolidayList }) {
         super(props);
         this.question = props.question;
         this.allHolidays = props.allHolidays;
@@ -63,7 +63,7 @@ export class OpenToday extends React.Component<{
     }
 
     render() {
-        const answerBoolean = (this.question === OpenToday.OpenOrClose.Open ? this.answer.open : !this.answer.open);
+        const answerBoolean = (this.question === OpenXDay.OpenOrClose.Open ? this.answer.open : !this.answer.open);
         const bgColorClass = (this.answer.open ? "green" : "red");
 
         return (
@@ -90,7 +90,7 @@ export class OpenToday extends React.Component<{
     }
 }
 
-export module OpenToday {
+export module OpenXDay {
     export enum OpenOrClose {
         Open = 'open',
         Close = 'closed'

src/Components/OpenXDay/index.tsx

@@ -0,0 +1 @@
+export { OpenXDay } from './Component';