diff --git a/resources/js/src/providers/I18nProvider.js b/resources/js/src/providers/I18nProvider.js
index c26501a817091386c765cc1850b978c9208584e9..36d7741b9f1a377b014c6df519cdce72fbb391bd 100644
--- a/resources/js/src/providers/I18nProvider.js
+++ b/resources/js/src/providers/I18nProvider.js
@@ -331,6 +331,7 @@ const messages = {
                     movement_id: 'Mouvement',
                     transaction_id: 'Transaction',
                     'movement.products': 'Produits',
+                    person_id: 'Personne',
                     product_id: 'Produit',
                     count: 'Différence'
                 }
diff --git a/resources/js/src/resources/Sales.js b/resources/js/src/resources/Sales.js
index 38b6088fd1b023fd4556790dc046a5c43692916e..cffc7ec1a3971bd1a9d0f6f7c29da4011fb17e59 100644
--- a/resources/js/src/resources/Sales.js
+++ b/resources/js/src/resources/Sales.js
@@ -1,17 +1,23 @@
 import { TextField as MuiTextField, useMediaQuery } from "@material-ui/core";
 import React, { useState } from "react";
-import { ArrayField, Create, Datagrid, FormDataConsumer, FormTab, List, ReferenceField, SelectInput, ShowButton, SimpleList, SimpleShowLayout, TabbedForm, TextField, useNotify, useRefresh, useTranslate } from 'react-admin';
+import { ArrayField, AutocompleteInput, Create, Datagrid, FormDataConsumer, FormTab, FunctionField, List, ReferenceField, ReferenceInput, SelectInput, ShowButton, SimpleList, SimpleShowLayout, TabbedForm, TextField, useNotify, useRefresh, useTranslate } 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";
 
+const SalesFilters = [
+    <ReferenceInput source="person_id" reference="people" filterToQuery={searchText => ({ fullname: searchText, has_account: true })}>
+        <AutocompleteInput optionText="fullname" />
+    </ReferenceInput>
+];
+
 const Sales = (props) => {
     const isDesktop = useMediaQuery(theme => theme.breakpoints.up('md'));
     return (
         <>
-            <List {...props} bulkActionButtons={false} >
+            <List {...props} filters={SalesFilters} bulkActionButtons={false} >
                 {isDesktop ? (
                     <Datagrid>
                         <TextField source="id" />
@@ -30,6 +36,9 @@ const Sales = (props) => {
                         <ReferenceField source="transaction_id" reference="transactions" link="show">
                             <TextField source="name" />
                         </ReferenceField>
+                        <ReferenceField source="person_id" reference="people" link="show" >
+                            <FunctionField render={r => r.firstname + " " + r.lastname} />
+                        </ReferenceField>
                         <ShowButton />
                     </Datagrid>
                 ) : (