fix: Tags 컴포넌트 ssr 적용

cbcruk · Aug 5, 2024 · 4af807d · 4af807d
1 parent 0c9bd05
commit 4af807d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 12 deletions.
diff --git a/src/components/Tag/Tags.tsx b/src/components/Tag/Tags.tsx
@@ -1,18 +1,11 @@
-import { useSearchParamsQuery } from '@components/Search/hooks/useSearchParamsQuery'
 import type { Props } from './Tags.types'
 import clsx from 'clsx'
 import type { CSSProperties } from 'react'
 import { getRandomColor } from './Tags.utils'
 
 export function Tags({ tags }: Props) {
-  const q = useSearchParamsQuery()
-
-  if (q) {
-    return null
-  }
-
   return (
-    <div className="flex flex-wrap gap-2 mt-4 text-xs">
+    <div className="flex flex-wrap gap-2 text-xs">
       {tags.map((tag) => (
         <a
           key={tag}

diff --git a/src/pages/search.astro b/src/pages/search.astro
@@ -20,9 +20,11 @@ const PAGE_DESCRIPTION = ''
       <span class="relative text-sm z-[1]" aria-label="검색">🔦</span>
       <SearchFormField client:only="react" />
     </label>
-
-    <Tags client:only="react" tags={tags} />
-
-    <SearchForm client:only="react" />
+    <div class="mt-0">
+      <SearchForm client:only="react" />
+    </div>
+  </div>
+  <div class="mt-4">
+    <Tags tags={tags} />
   </div>
 </Layout>