update src/components/SingleProduct/VodDesign1/index.js and data.js

src/components/SingleProduct/VodDesign1/index.js

@@ -34,15 +34,11 @@ const VodDesign1 = ({
   priceHolder,
   priceTitle,
 
-  price,
-
   progressBar,
 
   productTags,
 
   priceDirection,
-  productTitleAlignment,
-  rangeHolder,
   addToCartHolder,
   productTitleCategoryHolder,
   productTitleCategoryHolderAlignment,
@@ -201,41 +197,36 @@ const VodDesign1 = ({
           )}
         </div>
       </div>
-      <div
+      <div class="relative px-4 w-full max-w-4xl h-full md:h-auto">
-        class="hidden overflow-y-auto overflow-x-hidden fixed right-0 left-0 top-4 z-50 justify-center items-center md:inset-0 h-modal sm:h-full"
+        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
-        id="large-modal"
+          <div class="flex justify-between items-center p-5 rounded-t border-b border-gray-200 dark:border-gray-600">
-      >
+            <button
-        <div class="relative px-4 w-full max-w-4xl h-full md:h-auto">
+              type="button"
-          <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+              class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"
-            <div class="flex justify-between items-center p-5 rounded-t border-b border-gray-200 dark:border-gray-600">
+              data-modal-toggle="large-modal"
-              <button
+            >
-                type="button"
+              <svg
-                class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white"
+                class="w-5 h-5"
-                data-modal-toggle="large-modal"
+                fill="currentColor"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
+                <path
-                  class="w-5 h-5"
+                  fill-rule="evenodd"
-                  fill="currentColor"
+                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                  viewBox="0 0 20 20"
+                  clip-rule="evenodd"
-                  xmlns="http://www.w3.org/2000/svg"
+                ></path>
-                >
+              </svg>
-                  <path
+            </button>
-                    fill-rule="evenodd"
+          </div>
-                    d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+          <div class="p-6 space-y-6">
-                    clip-rule="evenodd"
+            <video
-                  ></path>
+              controls
-                </svg>
+              className={`border transition-all duration-1000
-              </button>
+`}
-            </div>
+              src="images/VodDesign1video.mp4"
-            <div class="p-6 space-y-6">
+              type="video/mp4"
-              <video
+            ></video>
-                controls
-                className={`border transition-all duration-1000
-      `}
-                src="images/VodDesign1danovin.mp4"
-                type="video/mp4"
-              ></video>
-            </div>
           </div>
         </div>
       </div>
@@ -274,8 +265,6 @@ VodDesign1.defaultProps = {
 
   addToCartHolder: true,
 
-  productTitleAlignment: "text-justify",
-
   // برای درصد دادن به عرض رنج
 
   priceDirection: "flex-row",

src/redux/data.js

@@ -54,95 +54,6 @@ import Timeline from "../components/Timeline";
 // mini components
 import MiniComponents from "../components/MiniComponents";
 
-// import ButtonDesign from "./components/buttonDesign/ButtonDesign";
-// import ProductDesign from "./components/productDesign/ProductDesign";
-// import ProductTags from "./components/productTags/ProductTags";
-// import CounterDesign from "./components/counterDesign/CounterDesign";
-// import BookDesign from "./components/bookDesign/BookDesign";
-// import BlogDesign1 from "./components/Blogs/design1/BlogDesign1";
-// import BlogDesign2 from "./components/Blogs/design2/BlogDesign2";
-// import BlogDesign3 from "./components/Blogs/design3/BlogDesign3";
-// import BlogDesign4 from "./components/Blogs/design4/BlogDesign4";
-// import BlogDesign5 from "./components/Blogs/design5/BlogDesign5";
-// import BlogDesign6 from "./components/Blogs/design6/BlogDesign6";
-// import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1";
-// import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
-// import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
-// import FooterDesign1 from "./components/footer/design1/FooterDesign1";
-// import Testttt from "./components/testtttt/Testttt";
-// import Features from "./components/Features/index";
-// import Feedback from "./components/Feedback/index";
-// import ProductSuggestion from "./components/ProductSuggestion";
-// import ProductImage from "./components/ProductImage";
-// import VodProduct from "./components/VodProduct";
-// import VodProductNew from "./components/VodProductNew";
-// import ProductTab from "./components/ProductTab";
-// import ProductStatusCard from "./components/ProductStatusCard";
-// import AdvertisementDesign1 from "./components/Advertisement/design1";
-// import AdvertisementDesign2 from "./components/Advertisement/design2";
-// import AdvertisementDesign3 from "./components/Advertisement/design3";
-// import CourseChapter from "./components/CourseChapter";
-// import SidebarMenu from "./components/Sidebar/SidebarMenu";
-// import SidebarDesign2 from "./components/Sidebar/SidebarDesign2";
-// import SimpleBarChart from "./components/Chart/SimpleBarChart";
-// import SpecifiedDomainRadarChart from "./components/Chart/SpecifiedDomainRadarChart";
-// import Design1 from "./components/ProductSalesAmount/Design1";
-// import Design2 from "./components/ProductSalesAmount/Design2";
-// import TableDesign1 from "./components/Table/Design1";
-// import ReactTable2 from "./components/ReactTable2";
-// import ReactTable3 from "./components/ReactTable3";
-// import ReactTable4 from "./components/ReactTable4";
-// import ReactTable5 from "./components/ReactTable5";
-// import Digikala from "./components/Digikala";
-// import Switch from "./components/Switch";
-// import BreadCrumb from "./components/BreadCrumb";
-// import SearchBox from "./components/SearchBox";
-// import Blogs from "./components/Blogs";
-// import FileManager from "./components/FileManager";
-// import Playlist from "./components/Playlist";
-// import Folderlists from "./components/Folderlist";
-// import CardHolder from "./components/CardHolder";
-// import UploadFile from "./components/UploadFile";
-// import BarChartApex from "./components/BarChartApex";
-// import SemiDonut from "./components/SemiDonut";
-// import FolderTree from "./components/FolderTree";
-// import GridListTable from "./components/GridListTable";
-// import PopupCard from "./components/PopupCard";
-// import OutlineInput from "./components/OutlineInput";
-// import CancleIcon from "./components/CancleIcon";
-// import ButtonNewDesign from "./components/ButtonNewDesign";
-// import TimeLineComponent from "./components/TimeLineComponent";
-// import TitleSubtitle from "./components/TitleSubtitle";
-// import TimeLine from "./components/TimeLineComponent/Timeline";
-// import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther";
-// import SelectYear from "./components/SelectYear";
-// import IndianaDragScroll from "./components/IndianaDragScroll";
-// import CardTrelloDesign from "./components/CardTrelloDesign";
-// import CircleInCircle from "./components/CircleInCircle";
-// import NewTagDesign from "./components/NewTagDesign";
-// import AnimatedProgressBar from "./components/AnimatedProgressBar";
-// import ReligiousTimes from "./components/ReligiousTimes";
-// import DistributedData from "./components/DistributedData";
-// import CardDesign1 from "./components/CardDesign1";
-// import CustomToast from "./components/CustomToast";
-// import IconText from "./components/IconText";
-// import CardDesign2 from "./components/CardDesign2";
-// import LeafletMap from "./components/LeafletMap";
-// import TestComponentNew from "./components/TestComponentNew";
-// import DateRangePicker from "./components/DateRangePicker";
-// import BoxNextToEachOther from "./components/BoxNextToEachOther";
-// import ProfileInfo from "./components/ProfileInfo";
-// import UserProfileInfo from "./components/UserProfileInfo";
-// import CurrentTime from "./components/CurrentTime";
-// import CurrentDateShamsi from "./components/CurrentDateShamsi";
-// import DateTime from "./components/DateTime";
-// import CardDesign3 from "./components/CardDesign3";
-// import CustomToast2 from "./components/CustomToast2";
-// import ContactUsInfoCard from "./components/ContactUsInfoCard";
-// import RoomCardInfo from "./components/RoomCardInfo";
-// import FormInput from "./components/FormInput";
-// import OutlineTextarea from "./components/OutlineTextarea";
-
 const components = [
   {
     name: "Button Design",