[resources/sales] Use PaymentInput

src/resources/Sales.js

-import { TextField as MuiTextField, useMediaQuery } from "@material-ui/core";
+import { useMediaQuery } from "@material-ui/core";
 import React, { useState } from "react";
-import { ArrayField, AutocompleteInput, Create, Datagrid, FormDataConsumer, FormTab, FunctionField, List, ReferenceField, ReferenceInput, SelectInput, ShowButton, SimpleList, SimpleShowLayout, TabbedForm, TextField, useNotify, useRefresh, useTranslate } from 'react-admin';
+import { ArrayField, AutocompleteInput, Create, Datagrid, FormTab, FunctionField, List, ReferenceField, ReferenceInput, ShowButton, SimpleList, SimpleShowLayout, TabbedForm, TextField, useNotify, useRefresh } from 'react-admin';
 import DateField from '../components/DateField';
 import { ShowDialog } from '../components/DialogForm';
 import MoneyField from "../components/MoneyField";
 import { MultiProductCountInput, MultiProductCountItem } from "../components/MultiProductCountInput";
-import PersonalAccountSelector from "../components/PersonalAccountSelector";
+import PaymentInput from "../components/PaymentInput";
 
 const SalesFilters = [
     <ReferenceInput source="person_id" reference="people" filterToQuery={searchText => ({ fullname: searchText, has_account: true })}>
@@ -82,7 +82,6 @@ const Sales = (props) => {
 const Sell = props => {
     const refresh = useRefresh();
     const notify = useNotify();
-    const translate = useTranslate();
 
     const [price, setPrice] = useState(0);
 
@@ -98,17 +97,7 @@ const Sell = props => {
                     </MultiProductCountInput>
                 </FormTab>
                 <FormTab label="Paiement">
-                    <MuiTextField value={Number(price).toLocaleString('fr-FR', { currency: 'EUR', currencyDisplay: 'symbol', style: 'currency' })} disabled variant="filled" type="text" label={translate('inputs.multiproductcount.price')} />
-                    <SelectInput source="payment" label="Moyen de paiement" allowEmpty={false} choices={[
-                        { id: 'cash', name: 'Liquide (Caisse)' },
-                        { id: 'card', name: 'Carte Bancaire' },
-                        { id: 'account', name: 'Compte personel' },
-                    ]} initialValue='cash' />
-                    <FormDataConsumer>
-                        {({ formData, ...rest }) => formData.payment === 'account' &&
-                            <PersonalAccountSelector source="token" label="Compte" />
-                        }
-                    </FormDataConsumer>
+                    <PaymentInput price={price} />
                 </FormTab>
             </TabbedForm>
         </Create>