From 23f8abf2488350a6db058f8e466e515052d97dfd Mon Sep 17 00:00:00 2001
From: Muttakin Islam Hasib <muttakinislamhasib@gmail.com>
Date: Fri, 16 Feb 2024 23:08:36 +0600
Subject: [PATCH] Add ProductViewOptions component to ProductLayoutWrapper

---
 .../src/app/(public)/products/components/wrapper.layout.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(public)/products/components/wrapper.layout.tsx b/apps/web/src/app/(public)/products/components/wrapper.layout.tsx
index 22a11ad..1d6b6fd 100644
--- a/apps/web/src/app/(public)/products/components/wrapper.layout.tsx
+++ b/apps/web/src/app/(public)/products/components/wrapper.layout.tsx
@@ -5,6 +5,7 @@ import { ILink } from "@/types";
 import { usePathname } from "next/navigation";
 import React, { PropsWithChildren, useEffect, useState } from "react";
 import { ProductsFilter } from "./filter.component";
+import { ProductViewOptions } from "./view-options.component";
 
 export const ProductLayoutWrapper = ({ children }: PropsWithChildren) => {
   const pathname = usePathname();
@@ -25,7 +26,10 @@ export const ProductLayoutWrapper = ({ children }: PropsWithChildren) => {
       </div>
       <div className="pb-16 pt-[calc(4rem-40px)] flex lg:space-x-8 xxl:space-x-12">
         <ProductsFilter />
-        {children}
+        <div className="space-y-5 flex-1">
+          <ProductViewOptions />
+          {children}
+        </div>
       </div>
     </div>
   );