From 2ce8107f2cc6f6bba16604c62c5c27d025590b30 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Wed, 13 Nov 2024 15:58:50 +0100
Subject: [PATCH] - added 'preview' btn for the tables of applications
 submitted;

---
 .../components/AllDomandeTable/index.js       | 37 ++++++++++++-------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/pages/Domande/components/AllDomandeTable/index.js b/src/pages/Domande/components/AllDomandeTable/index.js
index ca0598f..6039d0b 100644
--- a/src/pages/Domande/components/AllDomandeTable/index.js
+++ b/src/pages/Domande/components/AllDomandeTable/index.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect} from 'react';
+import React, { useState, useEffect } from 'react';
 import { __ } from '@wordpress/i18n';
 import { is, uniq } from 'ramda';
 import { Link } from 'react-router-dom';
@@ -101,10 +101,12 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     const renderHeader = () => {
         return (
             <div className="appTableHeader">
-                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined onClick={clearFilter} />
+                <Button type="button" icon="pi pi-filter-slash" label={__('Pulisci', 'gepafin')} outlined
+                        onClick={clearFilter}/>
                 <IconField iconPosition="left">
-                    <InputIcon className="pi pi-search" />
-                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange} placeholder={__('Cerca', 'gepafin')} />
+                    <InputIcon className="pi pi-search"/>
+                    <InputText value={globalFilterValue} onChange={onGlobalFilterChange}
+                               placeholder={__('Cerca', 'gepafin')}/>
                 </IconField>
             </div>
         );
@@ -119,7 +121,8 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     };
 
     const dateFilterTemplate = (options) => {
-        return <Calendar value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)} dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999" />;
+        return <Calendar value={options.value} onChange={(e) => options.filterCallback(e.value, options.index)}
+                         dateFormat="mm/dd/yy" placeholder="mm/dd/yyyy" mask="99/99/9999"/>;
     };
 
     const statusBodyTemplate = (rowData) => {
@@ -127,19 +130,25 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
     };
 
     const actionsBodyTemplate = (rowData) => {
-        return openDialogFn
-            ? <Button severity="info"
-                       onClick={() => openDialogFn(rowData.id)}
-                       label={__('Assegnare', 'gepafin')}
-                       icon="pi pi-pencil" size="small" iconPos="right" />
-            : <Link to={'/domande'}>
-                <Button severity="info" label={__('Gestire', 'gepafin')} size="small" />
+        return <>
+            {openDialogFn
+                ? <Button severity="info"
+                          onClick={() => openDialogFn(rowData.id)}
+                          label={__('Assegnare', 'gepafin')}
+                          icon="pi pi-pencil" size="small" iconPos="right"/>
+                : <Link to={'/domande'}>
+                    <Button severity="info" label={__('Gestire', 'gepafin')} size="small"/>
+                </Link>}
+            <Link to={`/domande/${rowData.id}`}>
+                <Button severity="info" label={__('Anteprima', 'gepafin')} icon="pi pi-eye" size="small"
+                        iconPos="right"/>
             </Link>
+        </>
     }
 
     const header = renderHeader();
 
-    return(
+    return (
         <div className="appPageSection__table">
             <DataTable value={items} paginator showGridlines rows={10} loading={localAsyncRequest} dataKey="id"
                        filters={filters}
@@ -162,7 +171,7 @@ const AllDomandeTable = ({ openDialogFn, updaterString = '' }) => {
                         style={{ minWidth: '8rem' }}
                         body={dateEndBodyTemplate} filter filterElement={dateFilterTemplate}/>
                 <Column field="status" header={__('Stato', 'gepafin')}
-                        style={{ minWidth: '8rem' }} body={statusBodyTemplate} />
+                        style={{ minWidth: '8rem' }} body={statusBodyTemplate}/>
                 <Column header={__('Azioni', 'gepafin')}
                         body={actionsBodyTemplate}/>
             </DataTable>