🎯 IMPROVE: buscador

components/AutoComplete.tsx

@@ -12,6 +12,8 @@ import router from "next/router"
 import { useRef } from "react"
 import { connectAutoComplete } from "react-instantsearch-dom"
 import ZIcon from "../components/Icon"
+import { post } from "../utils/http"
+import showToast from "./Toast"
 
 // Aplicar  estilos
 export const Autocomplete = ({ hits, currentRefinement, refine }) => {
@@ -24,13 +26,28 @@ export const Autocomplete = ({ hits, currentRefinement, refine }) => {
         .join(" ")
         .slice(1)}`
     )
+    // eslint-disable-next-line camelcase
+    const { objectID, category_id } = hit
     setTimeout(() => {
-      router.push("/explorar")
+      // eslint-disable-next-line camelcase
+      router.push(`/explorar/${category_id}/${objectID}`)
     }, 500)
   }
-  const handleSubmit = e => {
+  const handleSubmit = async e => {
     e.preventDefault()
-    console.log("api/buscar/" + inputRef.current?.value || "none")
+    const res = await post("/api/post/search", {
+      nombre_post: inputRef.current?.value,
+      categoria_post: inputRef.current?.value
+    })
+    if (res.data.message === "Http Exception")
+      return showToast(
+        "Error",
+        "No se encontraron servicios relacionados a su busqueda",
+        "error"
+      )
+    const { idCategoria, idPost } = res.data.data
+    router.push(`/explorar/${idCategoria}/${idPost}`)
+    // console.log("api/buscar/" + inputRef.current?.value || "none")
   }
 
   return (

components/CardCategory.tsx

@@ -103,7 +103,7 @@ export default function CardCategory({
                 post?.pst_imagen_1 || "/assets/images/marketing/marketing1.png"
               }
               alt={post?.pst_nombre}
-              height="550"
+              height="500"
               width="500"
             />
           </a>

sections/Explore/InterestedService.tsx

@@ -24,7 +24,7 @@ export default function InterestedService({ interesting }) {
             ))}
           </Grid>
         )}
-        {interesting.length > 3 ? (
+        {interesting.length > 3 && (
           <Swiper
             slidesPerView={4}
             spaceBetween={10}
@@ -59,7 +59,8 @@ export default function InterestedService({ interesting }) {
               </SwiperSlide>
             ))}
           </Swiper>
-        ) : (
+        )}
+        {interesting.length === 0 && (
           <p>No hay servicios interesantes para ti</p>
         )}
       </div>

sections/Explore/OurServices.tsx

@@ -24,7 +24,7 @@ export default function OurServices({ ourServices }) {
             ))}
           </Grid>
         )}
-        {ourServices.length > 3 ? (
+        {ourServices.length > 3 && (
           <Swiper
             slidesPerView={4}
             spaceBetween={10}
@@ -59,9 +59,8 @@ export default function OurServices({ ourServices }) {
               </SwiperSlide>
             ))}
           </Swiper>
-        ) : (
-          <p>No tenemos servicios para ti</p>
         )}
+        {ourServices.length === 0 && <p>No tenemos servicios para ti</p>}
       </div>
     </Box>
   )

sections/Explore/RecomendedService.tsx

@@ -23,7 +23,7 @@ export default function RecomendedService({ recommended }) {
             ))}
           </Grid>
         )}
-        {recommended.length > 3 ? (
+        {recommended.length > 3 && (
           <Swiper
             slidesPerView={4}
             spaceBetween={10}
@@ -58,9 +58,8 @@ export default function RecomendedService({ recommended }) {
               </SwiperSlide>
             ))}
           </Swiper>
-        ) : (
-          <p>No hay servicios recomendados</p>
         )}
+        {recommended.length === 0 && <p>No hay servicios recomendados</p>}
       </div>
     </Box>
   )

sections/ShowChat/Chat.tsx

@@ -101,7 +101,8 @@ export default function Chat() {
     sendMessage()
   }
   const onKeyDown = e => {
-    if (e.keyCode === "13") {
+    // eslint-disable-next-line eqeqeq
+    if (e.keyCode == "13") {
       sendMessage()
     }
   }