Update thinking-in-react.md

Author: Abolfazl Rezvani Naraqi

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

@@ -307,16 +307,18 @@ SearchBar نیاز دارد که این استیت (متن جستجو و مقد
 تصمیم برای محل قرارگیری استیت: ما مقادیر متن فیلتر و وضعیت چک‌باکس را در FilterableProductTable نگه‌داری خواهیم کرد. ***
 بنابراین مقادیر استیت در FilterableProductTable قرار خواهند گرفت.
 </p>
-
+<p dir="rtl">
 استیت را درون کامپوننتی که [`useState()` Hook.](/reference/react/useState) دارد اضافه کنید. Hookها توابه خاصی هستند که به شما اجازه می‌دهند تا قدرت ری‌اکت را درونشان قلاب کنید. دو متغییر استیت در بالای `FilterableProductTable`تعریف و مقدار پیش‌فرض آنها را مشخص کنید:
+</p>
 
 ```js
 function FilterableProductTable({ products }) {
   const [filterText, setFilterText] = useState('');
   const [inStockOnly, setInStockOnly] = useState(false);
 ```
-
+<p dir="rtl">
 سپس `filterText` و `inStockOnly` را به `ProductTable` و `SearchBar` به عنوان prop ارسال کنید:
+</p>
 
 ```js
 <div>
@@ -328,9 +330,11 @@ function FilterableProductTable({ products }) {
   />
 </div>
 ```
+
 <p dir="rtl">
 شما می‌توانید شروع به دیدن نحوه‌ی رفتار برنامه‌ی خود کنید. مقدار اولیه filterText را از useState('') به useState('fruit') در کد محیط آزمایشی زیر ویرایش کنید. خواهید دید که هر دو متن ورودی جستجو و جدول به‌روزرسانی می‌شوند.
 </p>
+
 <Sandpack>
 
 ```jsx App.js
@@ -456,7 +460,6 @@ td {
 
 </Sandpack>
 
-Notice that editing the form doesn't work yet. There is a console error in the sandbox above explaining why:
 <p dir="rtl"> توجه کنید که هنوز ویرایش فرم کار نمی‌کند. یک خطا در کنسول محیط آزمایشی بالا وجود دارد که دلیل آن را توضیح می‌دهد.</p>
 <ConsoleBlock level="error">
 
@@ -476,8 +479,10 @@ function SearchBar({ filterText, inStockOnly }) {
         value={filterText}
         placeholder="Search..."/>
 ```
-
+<p dir="rtl">
 با این حال، هنوز کدی برای پاسخ به اقدامات کاربر مانند تایپ کردن اضافه نکرده‌اید. این مرحله آخر شما خواهد بود.
+</p>
+
 ## Step 5: Add inverse data flow {/* step-5-add-inverse-data-flow */}
 <p dir="rtl">
 در حال حاضر برنامه‌ی شما با پراپ‌ها و استیت‌ها که از بالا به پایین سلسله‌مراتب به‌خوبی رندر می‌شود. اما برای تغییر استیت بر اساس ورودی کاربر، شما نیاز به پشتیبانی از جریان داده به سمت دیگر دارید: کامپوننت‌های فرم (form components) که در عمق سلسله‌مراتب هستند باید استیت را در FilterableProductTable به‌روزرسانی دهنده.