Fixing a bug

reza-kelidari · Sep 7, 2024 · f980c30 · f980c30
1 parent 481dd1f
commit f980c30
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/app/_Components/Header/index.tsx b/app/_Components/Header/index.tsx
@@ -16,7 +16,7 @@ export default function Header(): JSX.Element {
           name={item.name}
           image={item.image}
           category={item.category}
-          className={item.className}
+          customClassName={item.customClassName}
         />
       ))}
     </header>

diff --git a/components/Product/index.tsx b/components/Product/index.tsx
@@ -6,15 +6,15 @@ export default function Product({
   name,
   image,
   category,
-  className,
+  customClassName,
   price,
   offPrice,
 }: ItemType) {
   return (
     <a
       href="#"
       className={
-        className +
+        customClassName +
         " relative rounded-xl overflow-hidden sm:hover:shadow-lg transition-all group"
       }
     >

diff --git a/utils/Statics/Header.ts b/utils/Statics/Header.ts
@@ -2,7 +2,7 @@ import { ItemType } from "./types";
 
 /**
  * List of Header section's items
- * 
+ *
  * Usually 5 item
  */
 export const HeaderItems: ItemType[] = [
@@ -15,7 +15,7 @@ export const HeaderItems: ItemType[] = [
     name: "کتابخانه ها",
     category: "دکوراسیون خانگی",
     image: "book-shelf-1.webp",
-    className: "sm:col-start-2 sm:col-end-4 max-sm:order-first",
+    customClassName: "sm:col-start-2 sm:col-end-4 max-sm:order-first",
   },
   {
     name: "میز های کامپیوتر",
@@ -26,12 +26,12 @@ export const HeaderItems: ItemType[] = [
     name: "مبلمان",
     category: "دکوراسیون خانگی",
     image: "furniture-1.webp",
-    className: "sm:col-span-2",
+    customClassName: "sm:col-span-2",
   },
   {
     name: "میز های جلو مبلی",
     image: "mini-table-1.webp",
     category: "دکوراسیون خانگی",
-    className: "sm:col-span-2",
+    customClassName: "sm:col-span-2",
   },
 ];
diff --git a/utils/Statics/types.d.ts b/utils/Statics/types.d.ts
@@ -47,5 +47,5 @@ export interface ItemType {
    *
    * Optional, Example: `order-first`
    */
-  className?: string;
+  customClassName?: string;
 }