diff --git a/src/components/feeds/DiscordFeed.js b/src/components/feeds/DiscordFeed.js index 404bd18..74e3cf1 100644 --- a/src/components/feeds/DiscordFeed.js +++ b/src/components/feeds/DiscordFeed.js @@ -6,8 +6,9 @@ import { Button } from 'primereact/button'; import { ProgressSpinner } from 'primereact/progressspinner'; import { useDiscordQuery } from '@/hooks/communityQueries/useDiscordQuery'; import { useRouter } from 'next/router'; +import { highlightText } from '@/utils/text'; -const DiscordFeed = () => { +const DiscordFeed = ({ searchQuery }) => { const router = useRouter(); const { data, error, isLoading } = useDiscordQuery({page: router.query.page}); @@ -54,18 +55,22 @@ const DiscordFeed = () => { ); + const filteredData = data.filter(message => + message.content.toLowerCase().includes(searchQuery.toLowerCase()) + ); + return (
{message.content}
+{highlightText(message.content, searchQuery)}
{item.content}
++ {highlightText(item.content, searchQuery)} +
) : ( <> -Comments: {item.comments.length} | Sats: {item.sats}
@@ -204,7 +217,9 @@ const GlobalFeed = () => { )) ) : ( -{message.content}
++ {highlightText(message.content, searchQuery)} +
Comments: {item.comments.length} | Sats: {item.sats}
diff --git a/src/pages/feed.js b/src/pages/feed.js index f4cb9a2..eddbd72 100644 --- a/src/pages/feed.js +++ b/src/pages/feed.js @@ -15,9 +15,9 @@ import { Divider } from 'primereact/divider'; const Feed = () => { const [selectedTopic, setSelectedTopic] = useState('global'); - const [searchQuery, setSearchQuery] = useState(''); const [title, setTitle] = useState('Community'); const allTopics = ['global', 'nostr', 'discord', 'stackernews']; + const [searchQuery, setSearchQuery] = useState(''); const router = useRouter(); @@ -96,16 +96,16 @@ const Feed = () => { />