From 126cc3169b577f52091907c099ed4ab433dd95a4 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Wed, 19 Feb 2025 10:09:48 +0100
Subject: [PATCH] - saving progress;

---
 .../DataTableAsync/DataTableAsync.js          | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/components/DataTableAsync/DataTableAsync.js

diff --git a/src/components/DataTableAsync/DataTableAsync.js b/src/components/DataTableAsync/DataTableAsync.js
new file mode 100644
index 0000000..030471d
--- /dev/null
+++ b/src/components/DataTableAsync/DataTableAsync.js
@@ -0,0 +1,45 @@
+import React from 'react';
+import { __ } from '@wordpress/i18n';
+
+// components
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+
+import translationStrings from '../../translationStringsForComponents';
+
+const DataTableAsync = ({
+                            items = [],
+                            totalRecordsNum = 0,
+                            isLoading = false,
+                            onPageChangeFn = () => {
+                            }
+                        }) => {
+
+    return (
+        <div className="appPageSection__table">
+            <DataTable value={items}
+                       paginator
+                       showGridlines
+                       lazy
+                       totalRecords={totalRecordsNum}
+                       onPage={onPageChangeFn}
+                       rows={5}
+                       loading={isLoading}
+                       dataKey="id"
+                       filters={filters}
+                       stripedRows
+                       removableSort
+                       header={header}
+                       emptyMessage={translationStrings.emptyMessage}
+                       onFilter={(e) => setFilters(e.filters)}>
+                <Column field="name"
+                        header={__('Nome Bando', 'gepafin')}
+                        filter sortable
+                        filterPlaceholder={__('Cerca il nome', 'gepafin')}
+                        style={{ minWidth: '8rem' }}/>
+            </DataTable>
+        </div>
+    )
+}
+
+export default DataTableAsync;
\ No newline at end of file