From 972079c0953efb909b56902181315b3d732cf5e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Albert=20Rag=C3=A1ny-N=C3=A9meth?= Date: Sun, 15 Feb 2026 16:49:54 +0100 Subject: [PATCH] fixie-wixie --- frontend/src/pages/communities/communityList.page.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/src/pages/communities/communityList.page.tsx b/frontend/src/pages/communities/communityList.page.tsx index f2439dd9..cbd6ed36 100644 --- a/frontend/src/pages/communities/communityList.page.tsx +++ b/frontend/src/pages/communities/communityList.page.tsx @@ -1,6 +1,6 @@ import { SearchIcon } from '@chakra-ui/icons' import { Box, Heading, Input, InputGroup, InputLeftElement } from '@chakra-ui/react' -import { createRef, useEffect, useState } from 'react' +import { useEffect, useRef, useState } from 'react' import { Helmet } from 'react-helmet-async' import { useConfigContext } from '../../api/contexts/config/ConfigContext' import { useCommunityList } from '../../api/hooks/community/useCommunityList' @@ -15,10 +15,10 @@ export default function CommunityListPage() { const config = useConfigContext()?.components?.communities const { data, isLoading, isError } = useCommunityList() const [filteredCommunities, setFilteredCommunities] = useState(data || []) - const inputRef = createRef() + const inputRef = useRef(null) const handleInput = () => { - const search = inputRef?.current?.value.toLowerCase() + const search = inputRef.current?.value?.toLowerCase() || '' if (!data) { setFilteredCommunities([]) } else if (!search) setFilteredCommunities(data) @@ -27,7 +27,7 @@ export default function CommunityListPage() { data.filter((c) => { if (c.searchKeywords?.find((s) => s.toLowerCase().includes(search))) return true if (c.interests?.find((i) => i.toLowerCase().includes(search))) return true - return c.name.toLocaleLowerCase().includes(search) + return c.name.toLowerCase().includes(search) }) ) } @@ -38,7 +38,7 @@ export default function CommunityListPage() { setFilteredCommunities(data) if (inputRef.current) inputRef.current.value = '' } - }, [data, inputRef]) + }, [data]) if (isError || isLoading || !data) return