Create services for planner. Add planner endpoint in dotenv file

recipes/.env

@@ -1,3 +1,4 @@
 SASS_PATH=node_modules:src
 NODE_PATH=src/
-REACT_APP_API_RECIPES='http://192.168.2.178:3000/recipes'
+REACT_APP_API_RECIPES='http://192.168.2.178:3000/recipes'
+REACT_APP_API_PLANNER='http://192.168.2.178:3000/planner'

recipes/src/containers/Planner/index.tsx

@@ -63,7 +63,7 @@ class PlannerContainer extends Component<PlannerContainerProps, PlannerContainer
         <Navbar
           title='Planner'
         >
-          <div>Week {this.props.week}</div>
+          <Button outlined raised>Save</Button>
         </Navbar>
         <section className='cbk-planner__body'>
           <DragDropContext onDragEnd={this.assignRecipe}>
@@ -102,6 +102,7 @@ class PlannerContainer extends Component<PlannerContainerProps, PlannerContainer
                 </Cell>
                 <Cell columns={10}>
                   <div className='cbk-planner__body__calendar'>
+                    <div>Week {this.props.week}</div>
                     <div className='container'>
                       <div className='day-schedule day-schedule--meals'>
                         <div className='day-schedule--date'></div>

recipes/src/containers/Planner/services.ts

@@ -0,0 +1,13 @@
+import axios, { AxiosPromise } from 'axios';
+import { DBPlanner } from 'types/planner';
+
+//@ts-ignore
+const PLANNER: string = process.env.REACT_APP_API_PLANNER;
+
+export const getPlanner = (week: number): Promise<DBPlanner> =>
+  axios.get(`${PLANNER}/week/${week}/compact`)
+  .then(response => response.data)
+
+export default {
+  getPlanner
+}

recipes/src/types/planner.ts

@@ -1,5 +1,4 @@
 import { Moment } from "moment";
-import { DBRecipe } from "./recipes";
 
 export type Weekday =
   'monday' |
@@ -35,4 +34,8 @@ export interface PlannerState {
   to: Moment,
   planner: WeekPlan,
   backlog: RecipePlan[]
+}
+
+export interface DBPlanner extends WeekPlan {
+  week: number,
 }