removed some unnecessary ui elements

features/cart/components/CartItemCard.tsx

@@ -81,13 +81,13 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
 
         sessionStorage.setItem(
           PENDING_CART_UPDATES_KEY,
-          JSON.stringify(pending)
+          JSON.stringify(pending),
         );
       } catch (error) {
         console.error("Failed to save pending update:", error);
       }
     },
-    [item.product_id]
+    [item.product_id],
   );
 
   // Remove from sessionStorage
@@ -103,7 +103,7 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
         } else {
           sessionStorage.setItem(
             PENDING_CART_UPDATES_KEY,
-            JSON.stringify(pending)
+            JSON.stringify(pending),
           );
         }
       }
@@ -200,7 +200,7 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
 
               retrySyncRef.current?.(quantity);
             },
-          }
+          },
         );
       }
     },
@@ -211,7 +211,7 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
       removeItem,
       onUpdate,
       clearPendingUpdate,
-    ]
+    ],
   );
 
   // Update ref
@@ -235,7 +235,7 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
             // Trigger sync after a short delay
             setTimeout(
               () => syncToServerRef.current?.(productPending.quantity),
-              500
+              500,
             );
           }
         }
@@ -336,14 +336,6 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
             </div>
             <div className="flex flex-col gap-2">
               <h3 className="font-semibold text-base">{item.product.name}</h3>
-              <p className="text-sm text-gray-600">
-                {item.seller?.name || "Store"}
-              </p>
-              {availableStock <= 5 && (
-                <p className="text-xs text-orange-600 font-medium">
-                  {t("only_left", { count: availableStock })}
-                </p>
-              )}
               <Button
                 variant="ghost"
                 size="sm"

features/cart/components/OrderSummary.tsx

@@ -189,47 +189,12 @@ export default function OrderSummary({
               }`}
             />
             {showValidation && !isPhoneValid && (
-              <p className="text-xs text-red-500 mt-1">
-                {t("requiredField")}
-              </p>
+              <p className="text-xs text-red-500 mt-1">{t("requiredField")}</p>
             )}
           </div>
         </div>
       </div>
 
-      {/* Payment Type */}
-      <div className="mb-6">
-        <h3 className="text-lg font-semibold mb-3">{t("payment_type")}</h3>
-        <div className="flex gap-2">
-          {paymentTypes.map((type) => (
-            <Card
-              key={type.id}
-              className={`flex-1 cursor-pointer transition-all ${
-                paymentType?.id === type.id
-                  ? "border-2 border-[#005bff] bg-blue-50"
-                  : showValidation && !paymentType
-                  ? "border-2 border-red-500"
-                  : "border-2 border-gray-200"
-              }`}
-              onClick={() => onPaymentTypeChange(type)}
-            >
-              <div className="flex flex-col items-center justify-center p-4 gap-2">
-                <span
-                  className={`text-xs font-medium ${
-                    paymentType?.id === type.id ? "text-[#005bff]" : ""
-                  }`}
-                >
-                  {type.name}
-                </span>
-              </div>
-            </Card>
-          ))}
-        </div>
-        {showValidation && !paymentType && (
-          <p className="text-xs text-red-500 mt-1">{t("requiredField")}</p>
-        )}
-      </div>
-
       {/* Region Selection */}
       <div className="mb-6">
         <Label className="text-lg font-semibold mb-3 block">