@@ -14,7 +14,7 @@ import {
1414const NewsPage : React . FC = ( ) => {
1515 const navigate = useNavigate ( ) ;
1616 const { category } = useParams < { category ?: string } > ( ) ;
17-
17+
1818 const [ isPathReady , setIsPathReady ] = useState < boolean > ( false ) ;
1919 const [ activeCategory , setActiveCategory ] = useState < string > ( '' ) ;
2020 const [ posts , setPosts ] = useState < Post [ ] > ( [ ] ) ;
@@ -33,7 +33,7 @@ const NewsPage: React.FC = () => {
3333 const timer = setTimeout ( ( ) => {
3434 setIsPathReady ( true ) ;
3535 } , 50 ) ;
36-
36+
3737 return ( ) => clearTimeout ( timer ) ;
3838 } , [ ] ) ;
3939
@@ -42,14 +42,14 @@ const NewsPage: React.FC = () => {
4242 if ( ! isPathReady ) return ;
4343
4444 let initialCategory = 'COMMUNITY NEWS' ;
45-
45+
4646 if ( category ) {
4747 const formattedCategory = category . toUpperCase ( ) . replace ( / - / g, ' ' ) ;
4848 if ( validCategories . includes ( formattedCategory ) ) {
4949 initialCategory = formattedCategory ;
5050 }
5151 }
52-
52+
5353 setActiveCategory ( initialCategory ) ;
5454 } , [ category , validCategories , isPathReady ] ) ;
5555
@@ -84,7 +84,7 @@ const NewsPage: React.FC = () => {
8484 // Update URL when category changes
8585 useEffect ( ( ) => {
8686 if ( ! isPathReady || ! activeCategory ) return ;
87-
87+
8888 const categoryPath = activeCategory . toLowerCase ( ) . replace ( / \s + / g, '-' ) ;
8989 if ( category !== categoryPath ) {
9090 navigate ( `/news/${ categoryPath } ` , { replace : true } ) ;
0 commit comments