From a42237d0f49f9f07c98ef92f925cd45c6d07d5cd Mon Sep 17 00:00:00 2001
From: Soheil Moonesi <s.moonesi@alumni.znu.ac.ir>
Date: Sat, 15 Jul 2023 13:49:08 +0430
Subject: [PATCH] toSorted + delete unused props

---
 src/All_Models.jsx | 13 ++++-------
 src/App.jsx        |  6 ++---
 test.js            | 56 +++++++++++++++++++++++++++++-----------------
 3 files changed, 42 insertions(+), 33 deletions(-)

diff --git a/src/All_Models.jsx b/src/All_Models.jsx
index 04a2440..6dbf6da 100644
--- a/src/All_Models.jsx
+++ b/src/All_Models.jsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { _data } from "./App";
 
 let listing_models = 1;
-export function All_Models({ items, handleAddItems }) {
+export function All_Models({  handleAddItems }) {
   const [sortBy, setSortBy] = useState("product_list");
 
   let sortedItems;
@@ -10,18 +10,14 @@ export function All_Models({ items, handleAddItems }) {
   if (sortBy === "product_list") sortedItems = _data;
 
   if (sortBy === "price_list")
-    sortedItems = _data.slice().sort((a, b) => a.price - b.price);
+    sortedItems = _data.toSorted((a, b) => a.price - b.price);
 
   return (
     <>
       <h2 className="m-2 text-center">تمامی محصولات</h2>
 
       <div className="w-80 flex border-2 broder-black">
-        <select
-          className="w-80"
-          onChange={(e) => setSortBy(e.target.value)}
-          value={sortBy}
-        >
+        <select className="w-80" onChange={(e) => setSortBy(e.target.value)}>
           <option className="w-80" value="product_list">
             بر اساس محصولات
           </option>
@@ -38,7 +34,6 @@ export function All_Models({ items, handleAddItems }) {
               {sortedItems.map((models) => (
                 <Models
                   modelsObj={models}
-                  items={items}
                   handleAddItems={handleAddItems}
                   key={models.id}
                 />
@@ -52,7 +47,7 @@ export function All_Models({ items, handleAddItems }) {
     </>
   );
 }
-function Models({ modelsObj, items, handleAddItems }) {
+function Models({ modelsObj, handleAddItems }) {
   const [buyCount, setBuyCount] = useState(0);
 
   function buyCountIncrease() {
diff --git a/src/App.jsx b/src/App.jsx
index aad7913..f32f6a1 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -12,7 +12,7 @@ export const _data = [
     name: "فتوسل 16 آمپر شیوا امواج",
     price: "239000",
     photo: "Models/فتوسل 16 آمپر شیوا امواج.jpg",
-    remaining: "1",
+    remaining: "10",
     discountRate: "10",
     finalPrice: 215000,
   },
@@ -37,7 +37,7 @@ export const _data = [
     name: "فتوسل 16 آمپر شیوا امواج",
     price: "239000",
     photo: "Models/فتوسل 16 آمپر شیوا امواج.jpg",
-    remaining: "1",
+    remaining: "10",
     discountRate: "10",
     finalPrice: 215000,
   },
@@ -68,7 +68,7 @@ function App() {
   return (
     <div className=" w-auto h-auto bg-white flex flex-col justify-center items-center">
       <Header />
-      <All_Models items={items} handleAddItems={handleAddItems} />
+      <All_Models handleAddItems={handleAddItems} />
 
       <Buy_Section
         items={items}
diff --git a/test.js b/test.js
index 0c0b8f0..8e4fd1f 100644
--- a/test.js
+++ b/test.js
@@ -23,24 +23,38 @@ let i = 5;
 i < 6 ? console.log("i is less than 6") : console.log("i is greater than 6");
 
 //test section 1
-const items = [{ name: "wili" }, { name: "albert" }, { name: "jack" }];
+const items0 = [{ name: "wili" }, { name: "albert" }, { name: "jack" }];
+
+console.log(items0);
+
+items0.push({ name: "Thomas" });
+
+console.log(items0);
 
-console.log(items);
 
-items.push({ name: "Thomas" });
 
-console.log(items);
 
-let items2 = ['item 0'];
+
+
+let items = [];
 
 function handleAddItems(itemPass) {
-  items2 = [...items2, itemPass];
+  items = [items, itemPass];
 }
 
+handleAddItems("Item 0");
 handleAddItems("Item 1");
 handleAddItems("Item 2");
 
-console.log(items2);
+console.log(items);
+
+
+
+
+
+
+
+
 //test section 1 end
 
 //Spread Operator (...)
@@ -69,21 +83,21 @@ console.log(copiedArray);
 console.log(originalArray === copiedArray);  
 
 
-function add(d, e, f) {
-  console.log(d); 
-  console.log(e) 
-  console.log(f)
-}
+// function add(d, e, f) {
+//   console.log(d); 
+//   console.log(e) 
+//   console.log(f)
+// }
 
-const numbers3 = [1, 2, 3];
+// const numbers3 = [1, 2, 3];
 
-add(...numbers3);
+// add(...numbers3);
 
 
-const some_numbers = [39, 12, 2]
-console.log(some_numbers.sort());
-//convert to utf-16
-//https://convertcodes.com/utf16-encode-decode-convert-string/
-//00330039 ---39
-//00310032---12
-//0032---2
\ No newline at end of file
+// const some_numbers = [39, 12, 2]
+// console.log(some_numbers.sort());
+// convert to utf-16
+// https://convertcodes.com/utf16-encode-decode-convert-string/
+// 00330039 ---39
+// 00310032---12
+// 0032---2
\ No newline at end of file