From da814d469b6b391f5816673c517d1e546adffba5 Mon Sep 17 00:00:00 2001
From: Rhuan <odarp123@gmail.com>
Date: Sun, 21 Jul 2024 00:33:23 -0300
Subject: [PATCH] feat: added view audit products

---
 spa/src/pages/products/ProductsUser.tsx             | 6 +++---
 spa/src/pages/products/components/TableProducts.tsx | 6 ++++++
 spa/src/shared/store/slices/productsSlice.ts        | 8 +++++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/spa/src/pages/products/ProductsUser.tsx b/spa/src/pages/products/ProductsUser.tsx
index 85d04e8..f9cf4b1 100644
--- a/spa/src/pages/products/ProductsUser.tsx
+++ b/spa/src/pages/products/ProductsUser.tsx
@@ -2,11 +2,11 @@ import { useNavigate } from "react-router";
 import {  Button, Title } from "../../shared/components/default";
 import { FlexContainer } from "../../shared/components/home";
 
-import { ProductProps, setProductSlice } from "../../shared/store/slices/productSlice";
+import { setProductSlice } from "../../shared/store/slices/productSlice";
 import { useDispatch } from "react-redux";
 import { useEffect } from "react";
 import TableProducts from "./components/TableProducts";
-import { setProductsSlice } from "../../shared/store/slices/productsSlice";
+import { ProductsProps, setProductsSlice } from "../../shared/store/slices/productsSlice";
 
 
 const Products = () => {
@@ -25,7 +25,7 @@ const Products = () => {
 
             const data = await response.json() 
 
-            dispatch(setProductsSlice(data?.payload as ProductProps[]))
+            dispatch(setProductsSlice(data?.payload as ProductsProps[]))
 
         } catch(e) {
             console.error(e)
diff --git a/spa/src/pages/products/components/TableProducts.tsx b/spa/src/pages/products/components/TableProducts.tsx
index f44cd5d..9892c11 100644
--- a/spa/src/pages/products/components/TableProducts.tsx
+++ b/spa/src/pages/products/components/TableProducts.tsx
@@ -40,6 +40,8 @@ export default function TableProducts () {
       <Table>
         <thead>
           <tr>
+            <th>Criado</th>
+            <th>Editado</th>
             <th>Código</th>
             <th>Nome</th>
             <th>Estoque Total</th>
@@ -53,8 +55,12 @@ export default function TableProducts () {
         <tbody>
         
         { !!products && products.map((p,index)=>{
+            const createdAt = new Date(p.createdAt*1000)
+            const updatedAt = p.updatedAt === null? null : new Date(p.updatedAt*1000)
             return(
                 <tr key={index}>
+                    <td>{createdAt.toLocaleDateString() + "-" + createdAt.toLocaleTimeString()}</td>
+                    <td>{updatedAt !== null? updatedAt.toLocaleDateString() + "-" + updatedAt.toLocaleTimeString(): "-"}</td>
                     <td>{p.codigo}</td>
                     <td>{p.nome}</td>
                     <td>{p.estoqueTotal}</td>
diff --git a/spa/src/shared/store/slices/productsSlice.ts b/spa/src/shared/store/slices/productsSlice.ts
index 86daedd..0f802eb 100644
--- a/spa/src/shared/store/slices/productsSlice.ts
+++ b/spa/src/shared/store/slices/productsSlice.ts
@@ -1,6 +1,8 @@
 import { PayloadAction, createSlice } from "@reduxjs/toolkit"
 
-export interface ProductProps {
+export interface ProductsProps {
+    createdAt: number
+    updatedAt: number | null
     nome: string
     codigo: string
     estoqueTotal: number
@@ -10,13 +12,13 @@ export interface ProductProps {
     precoPor: number
 }
 
-const initialState : ProductProps[] = []
+const initialState : ProductsProps[] = []
 
 const productsSlice = createSlice({
     name: "products",
     initialState,
     reducers: {
-        setProductsSlice: (_, action: PayloadAction<ProductProps[]>) => {
+        setProductsSlice: (_, action: PayloadAction<ProductsProps[]>) => {
             return action.payload
         }
     }