diff --git a/src/assets/fi_trash-2.svg b/src/assets/fi_trash-2.svg new file mode 100644 index 0000000..64c590d --- /dev/null +++ b/src/assets/fi_trash-2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/modules/ApplicationsTable/columns.jsx b/src/modules/ApplicationsTable/columns.jsx index 8256ab6..83ee82a 100644 --- a/src/modules/ApplicationsTable/columns.jsx +++ b/src/modules/ApplicationsTable/columns.jsx @@ -1,5 +1,6 @@ import { format } from "date-fns"; import { NavLink } from "react-router-dom"; +import trashIcon from "../../assets/fi_trash-2.svg"; const columnsHR = [ { @@ -42,7 +43,7 @@ const columnsHR = [ //Moves to confirmation delete page who receives row's data selector: (row) => ( - Delete + Trash icon ), }, @@ -84,7 +85,9 @@ const columnsEmployee = [ name: "Actions", //Moves to confirmation delete page who receives row's data selector: (row) => ( - + + Trash icon + ), }, ]; diff --git a/src/modules/ApplicationsTable/index.jsx b/src/modules/ApplicationsTable/index.jsx index 7911df6..1a8b102 100644 --- a/src/modules/ApplicationsTable/index.jsx +++ b/src/modules/ApplicationsTable/index.jsx @@ -4,6 +4,7 @@ import { useFetchUserApps } from "../../hooks/useObtainUserApps"; import { useSearch } from "../../hooks/useSearch"; import { columnsHR, columnsEmployee } from "./columns"; import DataTable from "react-data-table-component"; +import styles from "./styles.module.scss"; const ApplicationsTable = () => { //Calls logged user data @@ -35,6 +36,8 @@ const ApplicationsTable = () => { name="searchValue" id="searchValue" onChange={handleSearch} + className={styles.application__input_search} + placeholder="Search" />