update src/views/Product/Desktop/index.js and src/views/Product/index.js

src/views/Product/Desktop/index.js

@@ -4,30 +4,28 @@ import React, { useEffect } from "react";
 import ProductOverAll from "./ProductOverAll";
 import ProductSuggestions from "../../../components/ProductSuggestion";
 import Rate from "../Rate";
-import  Comments  from "../../../components/Comments";
+import Comments from "../../../components/Comments";
 import QandA from "../../../components/QandA";
 
-
+const DesktopProductLayout = () => {
-const DesktopProductLayout = () =>{
+  useEffect(() => {
-    useEffect(() => {
+    window.scrollTo(0, 0);
-        window.scrollTo(0, 0)
+  }, []);
-      }, [])
+  return (
-    return (
+    <div className="w-11/12 flex flex-col overflow-y-hidden mt-3 mb-64 items-center">
-        <div className="w-11/12 flex flex-col overflow-y-hidden mt-3 mb-64 items-center">
+      <ProductOverAll />
-            <ProductOverAll />
+      <div className="w-full">
-            <div className="w-full">
+        <ProductSuggestions />
-            <ProductSuggestions />
+      </div>
-            </div>
+      <div className="w-2/5 my-8">
-            <div className="w-2/5 my-8">
+        <Rate desktop />
-            <Rate desktop />
+      </div>
-            </div>
+      <div className="w-4/5">
-            <div className="w-4/5">
+        <Comments indent={false} />
-            <Comments indent={false} />
+        {/* <QandA /> */}
-            {/* <QandA /> */}
+      </div>
-            </div>
+    </div>
-            
+  );
-        </div>
-    );
 };
 
-export default DesktopProductLayout;
+export default DesktopProductLayout;