update 6 files

src/views/Video/index.js

@@ -16,7 +16,6 @@ import Table from "./components/Desktop/Table";
 import Comments from "../../components/Comments";
 import Loading from "../../components/Loading";
 
-
 //assets
 import tickIcon from "../../components/ProductStatusCard/tick-circle.svg";
 import arrow from "../../assets/icons/dropdown-blue.svg";
@@ -41,7 +40,7 @@ function Video({
 
   return isMobile ? (
     <div className="w-full flex flex-col px-4 pb-24">
-       {(!book) && (
+      {!book && (
         <div className="w-full h-screen flex justify-center items-center bg-white bg-opacity-20 backdrop-filter backdrop-blur-xl fixed left-0 top-0 z-50">
           <Loading size={4} color="bg-green-400" />
         </div>
@@ -56,7 +55,7 @@ function Video({
             className="rounded-sm w-5/12 object-contain"
           />
           <div className="flex flex-col py-1 pr-3">
-            <strong className="text-blue5F text-lg dark:text-white font-black">
+            <strong className="text-blue5F leading-7 text-lg dark:text-white font-black">
               {"دوره ویدئویی" + " " + book?.product[2]?.name}
             </strong>
             <span className="text-blueC0 text-base dark:text-greenBA font-semibold mt-3 mb-5">
@@ -153,7 +152,7 @@ function Video({
         </div>
         <div className="w-3/12 flex flex-col" style={{ minWidth: 350 }}>
           <div className="w-full flex flex-col pr-2 py-2  border-0">
-            <h1 className="text-blue5F mb-3 font-semibold text-xl dark:text-white">
+            <h1 className="text-blue5F leading-7 mb-3 font-semibold text-xl dark:text-white">
               {"دوره ویدئویی" + " " + book?.product[2]?.name}
             </h1>
             <div className="text-blueC0 text-tiny dark:text-greenBA font-bold">
@@ -171,9 +170,7 @@ function Video({
           <div className="bg-grayF9 w-full flex flex-col rounded-md divide-y divide-solid divide-gray-200 mb-4 px-4">
             <div className="flex flex-row items-center w-full gap-5 my-5">
               <img src={tickIcon} alt="" className="w-9" />
-              <p className="text-blue52 text-sm font-light">{`توصیه خرید توسط  ${
+              <p className="text-blue52 text-sm font-light">{`توصیه خرید توسط  ${book?.product[2]?.suggestedCounter} نفر`}</p>
-                book?.product[2]?.suggestedCounter
-              } نفر`}</p>
             </div>
             <div className="flex flex-col w-full py-4 px-4">
               <div className="flex flex-row items-center justify-center gap-2">

src/views/VideoDisplay/components/Season.js

@@ -37,10 +37,11 @@ const Season = ({ season }) => {
   return (
     <div className="w-full flex flex-col">
       <button className="flex flex-row justify-between items-center rounded-md py-3 px-3 mb-3 bg-blueC0">
-        <strong className="text-sm text-white font-medium">{season.name}</strong>
+        <strong className="text-sm text-white font-medium">
+          {season.name}
+        </strong>
         <span className="text-sm text-white">{season.duration}</span>
       </button>
-
       {season.units.map((unit, index) => (
         <Unit unit={unit} key={index} />
       ))}

src/views/Videos/components/VerticalGradeFilter.js

@@ -6,7 +6,9 @@ const VerticalGradeFilter = ({ grades }) => {
   const Grade = ({ grade }) => {
     return (
       <button className="px-4 py-0.5 ml-2.5 rounded-sm border border-gray-300 mt-2 bg-grayF9 dark:bg-blueC0 dark:bg-opacity-10 dark:border-blueC0 dark:border-opacity-60">
-        <strong className="text-xs text-gray-600 dark:text-white">{grades[grade]}</strong>
+        <strong className="text-xs text-gray-600 dark:text-white">
+          {grades[grade]}
+        </strong>
       </button>
     );
   };