(filterKey, {
+ ...DEFAULT_FILTER_OPTIONS
})
const muteLists = useMuteLists()
const nsfwList = useNSFWList()
@@ -313,7 +298,8 @@ export const ProfilePage = () => {
userState,
filterOptions,
nsfwList,
- muteLists
+ muteLists,
+ profilePubkey
)
// Redirect route
@@ -479,10 +465,7 @@ export const ProfilePage = () => {
{/* Tabs Content */}
{tab === 0 && (
<>
-
+
{filteredModList.map((mod) => (
diff --git a/src/pages/search.tsx b/src/pages/search.tsx
index 2feb08d..f94be8f 100644
--- a/src/pages/search.tsx
+++ b/src/pages/search.tsx
@@ -4,15 +4,16 @@ import {
NDKKind,
NDKSubscriptionCacheUsage,
NDKUserProfile,
+ NostrEvent,
profileFromEvent
} from '@nostr-dev-kit/ndk'
import { ErrorBoundary } from 'components/ErrorBoundary'
import { GameCard } from 'components/GameCard'
-import { LoadingSpinner } from 'components/LoadingSpinner'
import { ModCard } from 'components/ModCard'
import { ModFilter } from 'components/ModsFilter'
import { Pagination } from 'components/Pagination'
import { Profile } from 'components/ProfileSection'
+import { SearchInput } from 'components/SearchInput'
import {
MAX_GAMES_PER_PAGE,
MAX_MODS_PER_PAGE,
@@ -22,32 +23,18 @@ import {
useAppSelector,
useFilteredMods,
useGames,
+ useLocalStorage,
useMuteLists,
useNDKContext,
useNSFWList
} from 'hooks'
-import React, {
- Dispatch,
- SetStateAction,
- useEffect,
- useMemo,
- useRef,
- useState
-} from 'react'
+import React, { useEffect, useMemo, useRef, useState } from 'react'
import { useSearchParams } from 'react-router-dom'
+import { FilterOptions, ModDetails, ModeratedFilter, MuteLists } from 'types'
import {
- FilterOptions,
- ModDetails,
- ModeratedFilter,
- MuteLists,
- NSFWFilter,
- SortBy
-} from 'types'
-import {
+ DEFAULT_FILTER_OPTIONS,
extractModData,
isModDataComplete,
- log,
- LogType,
scrollIntoView
} from 'utils'
@@ -59,30 +46,35 @@ enum SearchKindEnum {
export const SearchPage = () => {
const scrollTargetRef = useRef(null)
- const [searchParams] = useSearchParams()
+ const [searchParams, setSearchParams] = useSearchParams()
const muteLists = useMuteLists()
const nsfwList = useNSFWList()
const searchTermRef = useRef(null)
- const [searchKind, setSearchKind] = useState(
- (searchParams.get('searching') as SearchKindEnum) || SearchKindEnum.Mods
+ const searchKind =
+ (searchParams.get('kind') as SearchKindEnum) || SearchKindEnum.Mods
+
+ const [filterOptions] = useLocalStorage(
+ 'filter',
+ DEFAULT_FILTER_OPTIONS
)
- const [filterOptions, setFilterOptions] = useState({
- sort: SortBy.Latest,
- nsfw: NSFWFilter.Hide_NSFW,
- source: window.location.host,
- moderated: ModeratedFilter.Moderated
- })
-
- const [searchTerm, setSearchTerm] = useState(
- searchParams.get('searchTerm') || ''
- )
+ const [searchTerm, setSearchTerm] = useState(searchParams.get('q') || '')
const handleSearch = () => {
const value = searchTermRef.current?.value || '' // Access the input value from the ref
setSearchTerm(value)
+
+ if (value) {
+ searchParams.set('q', value)
+ } else {
+ searchParams.delete('q')
+ }
+
+ setSearchParams(searchParams, {
+ replace: true
+ })
}
// Handle "Enter" key press inside the input
@@ -109,42 +101,14 @@ export const SearchPage = () => {
-
+