diff --git a/frontend/src/views/Dashboard/AvailableCourses/index.jsx b/frontend/src/views/Dashboard/AvailableCourses/index.jsx index 636fea2..f883881 100644 --- a/frontend/src/views/Dashboard/AvailableCourses/index.jsx +++ b/frontend/src/views/Dashboard/AvailableCourses/index.jsx @@ -2,8 +2,6 @@ import React, { useState, useEffect } from 'react'; import { Outlet } from 'react-router-dom'; import axios from 'axios'; import { useSelector, useDispatch } from 'react-redux'; -//styles -import Styles from './../Grid.module.css'; //actions import { logOut } from './../../../redux/actions/auth'; //components @@ -31,10 +29,10 @@ const AvailableCourses = () => { return ( <> -
+
{listCourses.map((course) => { return ( -
+
{ const navigate = useNavigate(); + const bookingClassName = data.extra_alert + ? 'border-[#d1e0e7] bg-[#fee6da] py-[7px] text-[#d83341]' + : 'border-[#d1e0e7] bg-[#ebf3f7] py-2.5 text-[#335065]'; + return ( - <> -
-

{data.title}

-

{data.title_second}

-

{data.title_extra}

-
-

{data.type}

-

{data.duration}

-

Nivel {data.level}

+
+
+

+ {data.title} +

+

+ {data.title_second} +

+

+ {data.title_extra} +

+
+

+ {data.type} +

+

+ {data.duration} +

+

+ Nivel {data.level} +

-
-

- Dominarás: {data.technologies} +

+

+ Dominarás:{' '} + {data.technologies}

-

- Precio: {data.price} +

+ Precio: {data.price}

-

- Inicia: Al llegar a {data.minimum} aplicaciones daremos - fecha. +

+ Inicia: Al llegar a{' '} + {data.minimum} aplicaciones daremos fecha.

-
+
{text2 && url2 && (
-
- {data.extra_alert && } -

{`${ +

+ {data.extra_alert && } +

{`${ data.extra_alert ? '¡Aplica ahora! ' : '' }Reservas confirmadas: ${data.bookings}`}

- +
); };