remove search categories

src/components/molecules/SearchCategoriesFilter.module.css

@@ -1,12 +0,0 @@
-.optionItem {
-  margin-bottom: calc(var(--spacer) / 4);
-  padding-left: 1.5rem;
-}
-
-.optionItem label {
-  display: block;
-}
-
-.optionItem input {
-  margin-left: -1.5rem;
-}

src/components/molecules/SearchCategoriesFilter.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import useCategoriesQueryParams from '../../hooks/useCategoriesQueryParams'
-import SearchFilterSection from '../atoms/SearchFilterSection'
-import Checkbox from '../atoms/Checkbox'
-import { CATEGORIES } from '../../models/PublishForm'
-
-import styles from './SearchCategoriesFilter.module.css'
-
-const SearchCategoriesFilter = () => {
-  const { selectedCategories, toggleCategory } = useCategoriesQueryParams(
-    CATEGORIES
-  )
-
-  return (
-    <SearchFilterSection title="Filter by type">
-      <ul>
-        {CATEGORIES.map(category => (
-          <li key={category} className={styles.optionItem}>
-            <Checkbox
-              name={category}
-              checked={selectedCategories.includes(category)}
-              onChange={() => toggleCategory(category)}
-              label={category}
-            />
-          </li>
-        ))}
-      </ul>
-    </SearchFilterSection>
-  )
-}
-
-export default SearchCategoriesFilter

src/components/templates/Search.tsx

@@ -4,35 +4,27 @@ import Layout from '../../Layout'
 import PageHeader from '../molecules/PageHeader'
 import SearchBar from '../molecules/SearchBar'
 import AssetList from '../organisms/AssetList'
-import SearchCategoriesFilter from '../molecules/SearchCategoriesFilter'
 import { SearchPriceFilter } from '../molecules/SearchPriceFilter'
 
 import styles from './Search.module.css'
 
 export declare type SearchPageProps = {
   text: string | string[]
-  categories: string[] | undefined
+
   tag: string | string[]
   queryResult: QueryResult
 }
 
-const SearchPage = ({
+const SearchPage = ({ text, tag, queryResult }: SearchPageProps) => {
-  text,
-  categories,
-  tag,
-  queryResult
-}: SearchPageProps) => {
-  const categoriesText = categories?.join(', ')
   return (
     <Layout noPageHeader>
       <section className={styles.grid}>
         <div className={styles.search}>
-          <PageHeader title={`Search for ${text || categoriesText || tag}`} />
+          <PageHeader title={`Search for ${text || tag}`} />
           {text && <SearchBar initialValue={text as string} />}
         </div>
 
         <aside className={styles.side}>
-          <SearchCategoriesFilter />
           <SearchPriceFilter />
         </aside>
 

src/pages/search.tsx

@@ -6,27 +6,14 @@ import SearchPage, { SearchPageProps } from '../components/templates/Search'
 import { config } from '../config/ocean'
 import { JSONparse, priceQueryParamToWei } from '../utils'
 
-const Search: NextPage<SearchPageProps> = ({
+const Search: NextPage<SearchPageProps> = ({ text, tag, queryResult }) => {
-  text,
+  return <SearchPage text={text} tag={tag} queryResult={queryResult} />
-  categories,
-  tag,
-  queryResult
-}) => {
-  return (
-    <SearchPage
-      text={text}
-      categories={categories}
-      tag={tag}
-      queryResult={queryResult}
-    />
-  )
 }
 
 export function getSearchQuery(
   page?: string | string[],
   offset?: string | string[],
   text?: string | string[],
-  categoriesParsed?: string[],
   tag?: string | string[],
   priceQuery?: [string | undefined, string | undefined]
 ) {
@@ -35,7 +22,6 @@ export function getSearchQuery(
     offset: Number(offset) || 20,
     query: {
       text,
-      categories: categoriesParsed,
       tags: tag ? [tag] : undefined,
       price: priceQuery
     },
@@ -51,19 +37,8 @@ export function getSearchQuery(
 }
 
 Search.getInitialProps = async context => {
-  const {
+  const { text, tag, page, offset, minPrice, maxPrice } = context.query
-    text,
+
-    categories,
-    tag,
-    page,
-    offset,
-    minPrice,
-    maxPrice
-  } = context.query
-  const categoriesParsed = JSONparse<string[]>(
-    categories as string,
-    'Error parsing context.query.categories and setting categoriesParsed'
-  )
   const minPriceParsed = priceQueryParamToWei(
     minPrice as string,
     'Error parsing context.query.minPrice'
@@ -83,12 +58,11 @@ Search.getInitialProps = async context => {
 
   const aquarius = new Aquarius(config.aquariusUri as string, Logger)
   const queryResult = await aquarius.queryMetadata(
-    getSearchQuery(page, offset, text, categoriesParsed, tag, priceQuery)
+    getSearchQuery(page, offset, text, tag, priceQuery)
   )
 
   return {
     text: text,
-    categories: categoriesParsed,
     tag: tag,
     queryResult
   }