fix: edit landingpage

Author: zziglet

src/components/shopping/ShoppingBudget.jsx

@@ -4,7 +4,7 @@ import { FiDollarSign } from "react-icons/fi";
 import Button from "../Button";
 
 const Container = styled.div`
-  width: 520px;
+  width: 100%;
   height: 180px;
   padding: 10px;
   display: flex;
@@ -132,7 +132,7 @@ function ShoppingBudget({ budget, present, hideButtons }) {
     }
   };
 
-  if (budget == null) {
+  if (budget == null && !hideButtons) {
     return (
       <>
         {isEditing ? (

src/pages/LandingPage.jsx

@@ -189,11 +189,11 @@ function LandingPage() {
             />
           </UserContainer>
           <TrendContainer>
-            {Array.isArray(trendItems) &&
+            {Array.isArray(trendItems.trend) &&
               trendItems.map((item) => (
                 <CurrentPriceItem
-                  key={item.id}
-                  product_name={item.name}
+                  key={item.product_id}
+                  product_name={item.product_name}
                   current_month_price={item.current_month_price}
                   price_decline={item.price_decline}
                   handler={() => handleAddToCart(item)}