some features

src/Components/Modal/MostrarPlaza.js

@@ -1,11 +1,14 @@
 import React from 'react';
 import { Modal, Col, Row } from 'react-bootstrap'
-import NotFound from '../../Images/not_found.png';
 
 export default function Mostrar(props) {
 
     let { visible, onClose, puesto } = props
 
+    const opciones = { weekday: 'long', year: 'numeric', month: 'short', day: 'numeric' };
+
+    console.log(puesto)
+
     return(
         <Modal size="lg" aria-labelledby="contained-modal-title-vcenter" centered  show={visible} onHide={onClose}>
             <Modal.Header>
@@ -18,13 +21,17 @@ export default function Mostrar(props) {
                     <Row >
                         <Col md="4">
                             <div className="img-container">
-                                <img alt='not found cooo' src={NotFound}/>
+                                <img alt='not found cooo' src={"https://yt3.ggpht.com/ytc/AKedOLRgmxVvijEuMGpaELK2ukM5QGGZYdnLLt065bh4=s900-c-k-c0x00ffffff-no-rj"}/>
                             </div>
                         </Col>
                         <Col md="8">
-                            <input value={puesto.id + " - "+ puesto.nombre} type="text" name="nombre" placeholder="Nombre de la plaza" readOnly/>
-                            <input value={puesto.description} type="text" name="descript" placeholder="Descripción" readOnly/>
-                            <input value={puesto.salario} type="text" name="sku" placeholder="3500" readOnly/>
+                            <input value={puesto.nombre} type="text" name="nombre" placeholder="..." readOnly/>
+                            <input value={puesto.description} type="text" name="descript" placeholder="..." readOnly/>
+                            <input 
+                                value={ new Date( puesto.created ).toLocaleDateString('es-GT',opciones) } 
+                                type="text" 
+                                placeholder="...." 
+                                name="sku" readOnly/>
                         </Col>
                     </Row>
                 </div>

src/Components/Puestos/ListMode.jsx

@@ -70,7 +70,7 @@ export function ListMode(props) {
                                         </tr>
                                     </Zoom>
                                     )
-                            }) : <span></span>
+                            }) : undefined
                         }
                     </tbody>
                     <tfoot>

src/Css/all.css

@@ -934,13 +934,13 @@ table.dataTable tbody th, table.dataTable tbody td {
 }
 .data_product input {
     width: 100%;
-    float: left;
+    float: right;
     border-radius: 4px;
     box-shadow: none;
     border: 1px solid #2ec5d3;
     padding: 8px 20px;
-    font-size: 12px;
-    color: #bebebe;
+    font-size: 14px;
+    /* color: #bebebe; */
     margin-bottom: 10px;
     background: transparent;
 }