From a201d3a9543db4db7b28ca0d9b2b5b27f7884eda Mon Sep 17 00:00:00 2001
From: Igor Kamyshev <igor@kamyshev.me>
Date: Wed, 13 Feb 2019 17:01:53 +0200
Subject: [PATCH] feat(money): add date to forms and reset after submit

---
 .../app/features/create-income/CreateIncome.tsx | 17 ++++++++++++-----
 .../features/create-outcome/CreateOutcome.tsx   | 17 ++++++++++++-----
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/front/src/features/app/features/create-income/CreateIncome.tsx b/front/src/features/app/features/create-income/CreateIncome.tsx
index 8e123ae8..b6918486 100644
--- a/front/src/features/app/features/create-income/CreateIncome.tsx
+++ b/front/src/features/app/features/create-income/CreateIncome.tsx
@@ -10,11 +10,11 @@ export const CreateIncome = () => {
   const create = useCreateIncome()
 
   const fieldsToIncomeModel = useCallback(
-    ({ amount, source, currency }: any): IncomeModel => ({
+    ({ amount, source, currency, date }: any): IncomeModel => ({
       amount: Math.round(parseFloat(amount) * 100),
       currency,
       source,
-      date: new Date(),
+      date: !!date ? new Date(date) : new Date(),
     }),
     [],
   )
@@ -26,8 +26,10 @@ export const CreateIncome = () => {
 
   return (
     <Form onSubmit={onSubmit} initialValues={{ currency: Currency.RUB }}>
-      {({ handleSubmit }) => (
-        <form onSubmit={handleSubmit}>
+      {({ handleSubmit, form: { initialize }, initialValues }) => (
+        <form
+          onSubmit={e => handleSubmit(e)!.then(() => initialize(initialValues))}
+        >
           <h2>Create new income</h2>
 
           <div>
@@ -49,7 +51,7 @@ export const CreateIncome = () => {
             <label>Source</label>
             <div>
               {Object.values(Currency).map(value => (
-                <label>
+                <label key={value}>
                   <Field
                     name="currency"
                     component="input"
@@ -63,6 +65,11 @@ export const CreateIncome = () => {
             </div>
           </div>
 
+          <div>
+            <label>Date</label>
+            <Field name="date" component="input" type="date" />
+          </div>
+
           <button type="submit">create</button>
         </form>
       )}
diff --git a/front/src/features/app/features/create-outcome/CreateOutcome.tsx b/front/src/features/app/features/create-outcome/CreateOutcome.tsx
index 00356e40..ec1a5e5b 100644
--- a/front/src/features/app/features/create-outcome/CreateOutcome.tsx
+++ b/front/src/features/app/features/create-outcome/CreateOutcome.tsx
@@ -10,11 +10,11 @@ export const CreateOutcome = () => {
   const create = useCreateOutcome()
 
   const fieldsToOutcomeModel = useCallback(
-    ({ amount, category, currency }: any): OutcomeModel => ({
+    ({ amount, category, currency, date }: any): OutcomeModel => ({
       amount: Math.round(parseFloat(amount) * 100),
       currency,
       category,
-      date: new Date(),
+      date: !!date ? new Date(date) : new Date(),
     }),
     [],
   )
@@ -26,8 +26,10 @@ export const CreateOutcome = () => {
 
   return (
     <Form onSubmit={onSubmit} initialValues={{ currency: Currency.RUB }}>
-      {({ handleSubmit }) => (
-        <form onSubmit={handleSubmit}>
+      {({ handleSubmit, form: { initialize }, initialValues }) => (
+        <form
+          onSubmit={e => handleSubmit(e)!.then(() => initialize(initialValues))}
+        >
           <h2>Create new outcome</h2>
 
           <div>
@@ -49,7 +51,7 @@ export const CreateOutcome = () => {
             <label>Source</label>
             <div>
               {Object.values(Currency).map(value => (
-                <label>
+                <label key={value}>
                   <Field
                     name="currency"
                     component="input"
@@ -63,6 +65,11 @@ export const CreateOutcome = () => {
             </div>
           </div>
 
+          <div>
+            <label>Date</label>
+            <Field name="date" component="input" type="date" />
+          </div>
+
           <button type="submit">create</button>
         </form>
       )}