fixing Bugs | 1

src/views/Blogs/index.js

@@ -31,7 +31,7 @@ export const Blogs = ({ isMobile, getList, blogs, setHeaderOptions }) => {
     <div className="flex w-full px-4 lg:px-0 flex-col lg:w-11/12 mx-auto lg:py-24 pb-24 lg:pb-0">
       <Hashtags />
       <Single />
-      <Header title={"تازه‌ترین‌ها از وبلاگ"} />
+      <Header itle={window.t(" تازه‌ترین‌ها از وبلاگ")} />
       {isMobile ? (
         <div className="w-full flex overflow-x-scroll no-scrollbar gap-4">
           {blogs.map((blog, index) => (
@@ -71,7 +71,7 @@ export const Blogs = ({ isMobile, getList, blogs, setHeaderOptions }) => {
           )}
         </div>
       )}
-      <Header title={"پیشنهاد سردبیر"} />
+      <Header title={window.t("پیشنهاد سردبیر")} />
       {isMobile ? (
         <div className="w-full flex overflow-x-scroll no-scrollbar gap-4">
           {blogs.map((blog, index) => (
@@ -111,7 +111,7 @@ export const Blogs = ({ isMobile, getList, blogs, setHeaderOptions }) => {
           )}
         </div>
       )}
-      <Header title={"از دنیای آموزش"} />
+      <Header title={window.t("از دنیای آموزش")} />
       <Target blogs={blogs?.slice(0, 4)} />
       <Join />
     </div>

src/views/Blogs/layouts/Single.js

@@ -27,30 +27,33 @@ export const Single = ({ blog, isMobile }) => {
               <Avatar size={40} />
               <div className="flex flex-col py-2 mr-2 justify-center">
                 <strong className="text-gray-300 text-tiny font-bold">
-                  {"نوشته از:" + " " + "کامران ایزدی"}
+                  {window.t("نوشته از:" + " " + "کامران ایزدی")}
                 </strong>
                 <p className="text-gray-300 mt-2 text-xs">
-                  {"سردبیر بخش وبلاگ دانوین"}
+                  {window.t("سردبیر بخش وبلاگ دانوین ایزدی")}
                 </p>
               </div>
             </div>
             <div className="flex flex-col justify-center items-end">
               <span className="text-gray-300 text-sm">
-                {"زمان مطالعه" + " " + "۳۰ دقیقه"}
+                {window.t("زمان مطالعه" + " " + "۳۰ دقیقه")}
+              </span>
+              <span className="mt-2 text-gray-300 text-sm font-bold">
+                {window.t("1400/11/24")}
               </span>
-              <span className="mt-2 text-gray-300 text-sm font-bold">{"1400/11/24"}</span>
             </div>
           </div>
         </div>
       </div>
       <div className="flex flex-col lg:w-1/2 lg:pt-5 justify-between">
         <div className="flex flex-col mt-3 lg:mt-0 ">
-          <h1 className="lg:text-5xl font-bold leading-6 dark:text-gray-200">{blog?.title}</h1>
+          <h1 className="lg:text-5xl font-bold leading-6 dark:text-gray-200">
+            {blog?.title}
+          </h1>
           <p className="text-tiny leading-6 lg:text-tiny text-gray70 dark:text-gray-200 lg:w-4/5 mt-4 lg:mt-6 lg:leading-7">
-            هر نفسی که فرو می‌ بریم، مرگی را که مدام به ما دست‌ اندازی می‌کند پس
-            می‌زند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد
-            بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن
-            بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان{" "}
+            {window.t(
+              "پیش از بلعیدن طعمه اش، با آن بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان"
+            )}
           </p>
         </div>
         {!isMobile && (
@@ -59,19 +62,19 @@ export const Single = ({ blog, isMobile }) => {
               <Avatar size={80} />
               <div className="flex flex-col py-2 mr-2 justify-center">
                 <strong className="lg:text-xl lg:font-black text-gray1">
-                  {"نوشته از:" + " " + "کامران ایزدی"}
+                  {window.t("نوشته از:" + " " + "کامران ایزدی")}
                 </strong>
                 <p className="lg:text-tiny lg:font-semibold text-gray70 mt-3">
-                  {"سردبیر بخش وبلاگ دانوین"}
+                  {window.t("سردبیر بخش وبلاگ دانوین ایزدی")}
                 </p>
               </div>
             </div>
             <div className="flex flex-col i justify-center items-end">
               <span className="lg:text-tiny text-gray1 lg:font-black">
-                {"زمان مطالعه" + " " + "۳۰ دقیقه"}
+                {window.t("زمان مطالعه" + " " + "۳۰ دقیقه")}
               </span>
               <span className="mt-3 lg:text-tiny text-gray1 lg:font-black">
-                {"1400/11/24"}
+                {window.t("1400/11/24")}
               </span>
             </div>
           </div>

src/views/Blogs/layouts/Target.js

@@ -26,18 +26,20 @@ export const Target = ({ blogs, isMobile }) => {
             <Avatar size={45} />
             <div className="flex flex-col py-1 mr-1 justify-center">
               <strong className="text-opacity-75 text-tiny  text-black dark:text-gray-200">
-                {"نوشته از:" + " " + "کامران ایزدی"}
+                {window.t("نوشته از:" + " " + "کامران ایزدی")}
               </strong>
               <p className="text-black text-sm text-opacity-75 mt-2 dark:text-gray-200">
-                {"سردبیر بخش وبلاگ دانوین"}
+                {window.t("سردبیر بخش وبلاگ دانوین")}
               </p>
             </div>
           </div>
           <div className="flex flex-col i justify-center items-end">
             <span className="text-gray1 text-sm dark:text-gray-200">
-              {"زمان مطالعه" + " " + "۳۰ دقیقه"}
+              {window.t("زمان مطالعه" + " " + "۳۰ دقیقه")}
+            </span>
+            <span className="mt-2 text-gray1 text-sm dark:text-gray-200">
+              {window.t("1400/11/24")}
             </span>
-            <span className="mt-2 text-gray1 text-sm dark:text-gray-200">{"1400/11/24"}</span>
           </div>
         </div>
       </div>
@@ -61,10 +63,10 @@ export const Target = ({ blogs, isMobile }) => {
               <Avatar size={60} />
               <div className="flex flex-col py-2 mr-2 justify-center">
                 <strong className="lg:text-tiny lg:font-black text-opacity-75  text-white">
-                  {"نوشته از:" + " " + "کامران ایزدی"}
+                  {window.t("نوشته از:" + " " + "کامران ایزدی")}
                 </strong>
                 <p className="lg:text-sm lg:font-semibold text-white text-opacity-75 mt-2">
-                  {"سردبیر بخش وبلاگ دانوین"}
+                  {window.t("سردبیر بخش وبلاگ دانوین")}
                 </p>
               </div>
             </div>
@@ -82,7 +84,7 @@ export const Target = ({ blogs, isMobile }) => {
             to={"/blogs/" + blog.id}
             key={index}
             className="lg:mb-0 mb-3 lg:flex-row lg:flex lg:gap-2"
-            style={{width : isMobile ? "48%" : "100%"}}
+            style={{ width: isMobile ? "48%" : "100%" }}
           >
             <img
               src={`https://dnvn.ir/api/v1/file/${blog?.fileIds}`}
@@ -98,10 +100,13 @@ export const Target = ({ blogs, isMobile }) => {
               className="rounded-md"
             />
             <div className="flex flex-col justify-center lg:gap-4">
-              <strong className="lg:font-bold lg:text-lg text-tiny my-2 leading-5 dark:text-gray-200">{blog?.title}</strong>
+              <strong className="lg:font-bold lg:text-lg text-tiny my-2 leading-5 dark:text-gray-200">
+                {blog?.title}
+              </strong>
               <p className="lg:w-4/5 text-gray70 lg:text-tiny text-tiny leading-5 lg:leading-6 dark:text-gray-200">
-                هر نفسی که فرو می‌ بریم، مرگی را که مدام به ما دست‌ اندازی
-                می‌کند پس می‌زند در نهایت این مرگ{" "}
+                {window.t(
+                  "هر نفسی که فرو می‌ بریم، مرگی را که مدام به ما دست‌ اندازی می‌کند پس می‌زند در نهایت این مرگ"
+                )}
               </p>
             </div>
           </Link>