From 91455f3fcd31cd9f80693d89f606a418d5d7b263 Mon Sep 17 00:00:00 2001
From: Joslyn Manzi Karenzi <j.karenzi@alustudent.com>
Date: Thu, 18 Jul 2024 17:08:59 +0200
Subject: [PATCH] feat(wishlist): implement buyer wishlist (#100)

- implement wishlist UI components

[Delivers #96]

implement stage 1 design of otp form (#58) (#61) (#88)

working on orders page

rebase from dev and fix eslint errors

implement nextSibling functiion

implement previousSibling while you delete

rebase from develop

resolve deployment errors

implement 2fa functionality

working on verify otp codes and redirect

rebasing from develop

resolve vendor token must be string

implement 2fa verfication

Co-authored-by: Rurangwa Leo <88591087+wayneleon1@users.noreply.github.com>

fix the image on popular section on langing page

fix the image on popular section on langing page
---
 src/components/Popular/Item.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Popular/Item.tsx b/src/components/Popular/Item.tsx
index f17bf23f..5d62c749 100644
--- a/src/components/Popular/Item.tsx
+++ b/src/components/Popular/Item.tsx
@@ -7,8 +7,12 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   return (
     <div className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
-      <div className=" max-h-20 max-w-20 ">
-        <img src={product.image} alt={product.name} className=" rounded" />
+      <div className=" flex flex-row items-center justify-center h-20 w-20 ">
+        <img
+          src={product.image}
+          alt={product.name}
+          className=" max-h-20 max-w-20 rounded"
+        />
       </div>
       <div className=" flex flex-col justify-between py-2 pl-1">
         <div>