add initial context

client/src/models/OddFractionalDecimal.ts

@@ -0,0 +1,4 @@
+export const OddFractionalDecimal = {
+    'fractional': 'fractional',
+    'decimal': 'decimal'
+}

client/src/pages/landingPage/App.tsx

@@ -3,18 +3,22 @@ import { Route, Redirect, BrowserRouter as Router, Switch } from 'react-router-d
 import LiveFootballEvents from '../../components/LiveFootballEvents/LiveFootballEvents';
 import { Container } from './App.css'
 import EventCard from '../EventCard/EventCard';
+import { AppStoreContext } from '../../stores/appStoreContext'
+import { OddFractionalDecimal } from '../../models/OddFractionalDecimal';
 
 export const App: React.FC = () => (
   <Container>
-    <div>Header here</div>
-    <Router>
-      <Switch>
-        <Route exact path='/' render={() =>
-          <Redirect to='/events' />}
-        />
-        <Route exact path='/events' component={LiveFootballEvents} />
-        <Route exact path='/events/:eventId' component={EventCard} />
-      </Switch>
-    </Router>
+    <AppStoreContext.Provider value={{oddType: OddFractionalDecimal.fractional}}>
+      <div>Header here</div>
+      <Router>
+        <Switch>
+          <Route exact path='/' render={() =>
+            <Redirect to='/events' />}
+          />
+          <Route exact path='/events' component={LiveFootballEvents} />
+          <Route exact path='/events/:eventId' component={EventCard} />
+        </Switch>
+      </Router>
+    </AppStoreContext.Provider>
   </Container>
 );

client/src/stores/appStoreContext.ts

@@ -0,0 +1,6 @@
+import React from 'react'
+import { OddFractionalDecimal } from '../models/OddFractionalDecimal'
+
+
+
+export const AppStoreContext = React.createContext({oddType: OddFractionalDecimal.fractional})

client/tsconfig.json

@@ -17,7 +17,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "experimentalDecorators": true
   },
   "include": [
     "src"