Merge remote-tracking branch 'upstream/sync-5d2f7105' into review-sync

Author: Abolfazl2647

src/content/learn/thinking-in-react.md

@@ -105,8 +105,13 @@ title: تفکر به سبک ری‌اکت
 
 <Sandpack>
 
+<<<<<<< HEAD
+```jsx App.js
+function ProductCategoryRow({category}) {
+=======
 ```jsx src/App.js
 function ProductCategoryRow({ category }) {
+>>>>>>> 5d2f7105bd6374e465b8bdce8efceaeb8f01c937
   return (
     <tr>
       <th colSpan="2">{category}</th>
@@ -337,8 +342,13 @@ function FilterableProductTable({ products }) {
 
 <Sandpack>
 
+<<<<<<< HEAD
+```jsx App.js
+import {useState} from 'react';
+=======
 ```jsx src/App.js
 import { useState } from 'react';
+>>>>>>> 5d2f7105bd6374e465b8bdce8efceaeb8f01c937
 
 function FilterableProductTable({products}) {
   const [filterText, setFilterText] = useState('');
@@ -513,6 +523,15 @@ function FilterableProductTable({ products }) {
 شما روی‌داد `onChange` را درون `SearchBar` اضافه خواهید کرد و استیت پدر را از آنجا تنظیم می‌کنید.
 </p>
 
+<<<<<<< HEAD
+```js {5}
+<input
+  type="text"
+  value={filterText}
+  placeholder="Search..."
+  onChange={(e) => onFilterTextChange(e.target.value)}
+/>
+=======
 ```js {4,5,13,19}
 function SearchBar({
   filterText,
@@ -533,15 +552,21 @@ function SearchBar({
           type="checkbox"
           checked={inStockOnly}
           onChange={(e) => onInStockOnlyChange(e.target.checked)}
+>>>>>>> 5d2f7105bd6374e465b8bdce8efceaeb8f01c937
 ```
 <p dir="rtl">
 حالا اپلیکیشن کار میکند !
 </p>
 
 <Sandpack>
 
+<<<<<<< HEAD
+```jsx App.js
+import {useState} from 'react';
+=======
 ```jsx src/App.js
 import { useState } from 'react';
+>>>>>>> 5d2f7105bd6374e465b8bdce8efceaeb8f01c937
 
 function FilterableProductTable({products}) {
   const [filterText, setFilterText] = useState('');