From ab71fc45c93a067dcd12db86479f7cbc57c3984b Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Tue, 7 May 2024 14:52:33 +0700
Subject: [PATCH] fix: remove unused code

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 app/search/[collection]/page.tsx         |  2 +-
 components/layout/search/collections.tsx | 37 ------------------------
 2 files changed, 1 insertion(+), 38 deletions(-)
 delete mode 100644 components/layout/search/collections.tsx

diff --git a/app/search/[collection]/page.tsx b/app/search/[collection]/page.tsx
index 547d20180..ea52c14ab 100644
--- a/app/search/[collection]/page.tsx
+++ b/app/search/[collection]/page.tsx
@@ -118,7 +118,7 @@ export default async function CategoryPage({
           <p className="mt-2 text-base text-gray-500">{collection.description}</p>
         </div>
       ) : null}
-      <div className="flex w-full flex-wrap items-center justify-between lg:justify-end">
+      <div className="flex w-full items-center justify-between gap-2 lg:justify-end">
         <MobileFilters collection={params.collection} filters={filters} menu={menu} />
         <SortingMenu />
       </div>
diff --git a/components/layout/search/collections.tsx b/components/layout/search/collections.tsx
deleted file mode 100644
index c45833a39..000000000
--- a/components/layout/search/collections.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import clsx from 'clsx';
-import { Suspense } from 'react';
-
-import { getCollections } from 'lib/shopify';
-import FilterList from './filter';
-
-async function CollectionList() {
-  const collections = await getCollections();
-  return <FilterList list={collections} title="Collections" />;
-}
-
-const skeleton = 'mb-3 h-4 w-5/6 animate-pulse rounded';
-const activeAndTitles = 'bg-neutral-800 dark:bg-neutral-300';
-const items = 'bg-neutral-400 dark:bg-neutral-700';
-
-export default function Collections() {
-  return (
-    <Suspense
-      fallback={
-        <div className="col-span-2 hidden h-[400px] w-full flex-none py-4 lg:block">
-          <div className={clsx(skeleton, activeAndTitles)} />
-          <div className={clsx(skeleton, activeAndTitles)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-          <div className={clsx(skeleton, items)} />
-        </div>
-      }
-    >
-      <CollectionList />
-    </Suspense>
-  );
-}