chore: Bb 214 implement export new calculation (#232)

* Add template nmp, empty nmp file

* Save empty file to localStorage on New calc

* Renamed emptyNMP/templateNMP

* Rename templateNMP

* FARM_DETAILS Constant and Stringify

frontend/src/Constants/Names.ts

@@ -0,0 +1,5 @@
+const Names = {
+  FARM_DETAILS: 'farmDetails',
+};
+
+export default Names;

frontend/src/Constants/templateNMP.ts

@@ -0,0 +1,40 @@
+const templateNMP = {
+  farmDetails: {
+    Year: '',
+    FarmName: '',
+    FarmRegion: 21,
+    FarmSubRegion: null,
+    SoilTests: null,
+    TestingMethod: '11',
+    Manure: null,
+    HasSelectedFarmType: true,
+    ImportsManureCompost: true,
+    HasAnimals: false,
+    HasDairyCows: false,
+    HasBeefCows: false,
+    HasPoultry: false,
+    HasMixedLiveStock: false,
+    HasHorticulturalCrops: true,
+    HasBerries: true,
+    LeafTests: null,
+    LeafTestingMethod: '0',
+    UserJourney: 7,
+  },
+  unsaved: false,
+  years: [
+    {
+      Year: '',
+      Fields: [],
+      FarmAnimals: [],
+      FarmManures: [],
+      GeneratedManures: [],
+      ImportedManures: [],
+      SeparatedSolidManures: [],
+      ManureStorageSystems: [],
+    },
+  ],
+  LastAppliedFarmManureId: null,
+  NMPReleaseVersion: 3,
+};
+
+export default templateNMP;

frontend/src/Views/Export/ExportPage.tsx

@@ -2,18 +2,18 @@
  * @desc Export page for downloading your work in nmp format
  * @author @GDamaso
  */
-
 import Button from '@Commons/Button/Button.tsx';
 import { Link } from 'react-router-dom';
 import MainPageHeader from '@Commons/MainPageHeader/MainPageHeader.tsx';
 import MainPageFooter from '@Commons/MainPageFooter/MainPageFooter.tsx';
 import { FC } from 'react';
 import CustomLink from '@Commons/CustomLink/CustomLink.tsx';
+import Names from '@Constants/Names.ts';
 import { StyledContent, StyledLandingContainer } from './ExportPage.styles.ts';
 
 const ExportPage: FC = () => {
   const downloadFile = () => {
-    const nmpString = localStorage.getItem('farmDetails');
+    const nmpString = localStorage.getItem(Names.FARM_DETAILS);
     const nmpJSON = nmpString && JSON.parse(nmpString);
     const nmpBlob = nmpString && new Blob([nmpString], { type: 'application/json' });
     const nmpUrl = nmpBlob && URL.createObjectURL(nmpBlob);

frontend/src/Views/LandingPage/LandingPage.tsx

@@ -1,4 +1,6 @@
 import Button from '@Commons/Button/Button.tsx';
+import templateNMP from '@Constants/templateNMP.ts';
+import Names from '@Constants/Names.ts';
 import {
   StyledContent,
   StyledButtonGroup,
@@ -12,7 +14,8 @@ const LandingPage = () => {
     if (upload) upload.click();
   };
 
-  const isValidFile = (file: File): boolean => file.type === 'application/json' || file.name.endsWith('.nmp');
+  const isValidFile = (file: File): boolean =>
+    file.type === 'application/json' || file.name.endsWith('.nmp');
 
   const saveFile = (e: any) => {
     const file = e.target.files[0];
@@ -26,13 +29,14 @@ const LandingPage = () => {
 
     fr.onload = () => {
       const data = fr.result;
-      if (data) localStorage.setItem('farmDetails', data.toString());
+      if (data) localStorage.setItem(Names.FARM_DETAILS, JSON.stringify(data));
     };
     window.location.href = '/main';
   };
 
   const newCalcHandler = () => {
     localStorage.clear();
+    localStorage.setItem(Names.FARM_DETAILS, JSON.stringify(templateNMP));
     window.location.href = '/main';
   };
 

frontend/src/Views/MainPage/MainPage.tsx

@@ -11,6 +11,7 @@ import InputModuleInterface from 'src/Interface/InputModuleinterface';
 import FarmDetailsInterface from 'src/Interface/FarmDetailsInterface';
 import * as InputModules from '@Commons/Forms/InputModules/index';
 import initialFarmDetails from '@Constants/InitialFarmDetails';
+import Names from '@Constants/Names';
 import FieldDetailInterface from 'src/Interface/FieldDetailsInterface';
 import nmpInterface from 'src/Interface/nmpInterface';
 import { StyledMain, StyledMainContainer } from './MainPage.styles';
@@ -25,7 +26,7 @@ const mockBerriesWorkflow: InputModuleInterface[] = [
 ];
 
 const getLocalDetails = () => {
-  const nmpString = localStorage.getItem('farmDetails');
+  const nmpString = localStorage.getItem(Names.FARM_DETAILS);
   try {
     if (nmpString) return JSON.parse(nmpString);
   } catch (err) {
@@ -85,7 +86,7 @@ const MainPage: React.FC = () => {
 
   useEffect(() => {
     if (localDetails) {
-      localStorage.setItem('farmDetails', JSON.stringify(localDetails));
+      localStorage.setItem(Names.FARM_DETAILS, JSON.stringify(localDetails));
     }
   }, [localDetails]);
 
@@ -114,14 +115,12 @@ const MainPage: React.FC = () => {
         }
         break;
       default:
-        console.log('default');
         if (cmd && Object.keys(InputModules).includes(cmd)) {
           moduleID = cmd;
         }
         break;
     }
     const updatedStates = formStates.map((module: InputModuleInterface) => {
-      console.log('moduleID: ', moduleID, 'Second: ', secondModuleID);
       if (module.id === moduleID || module.id === secondModuleID) {
         return {
           ...module,