Fix the saring counter error #3 & bug in iOS 18.1 Safari #6

[irsyadpage]

Primary Changes

• Change filteredPantun to saringKeyword as it reflect the user input text / keyword.
• Create getFilteredPantunList() function to process the pantun list received from server API.
  • If no pantun received from the server, this function return empty array.
  • If user does not provide any saring "keyword", this function return the pantun list without filtering.
  • If saring "keyword" exist, this function will do filtering before return the filtered list.
• Change pantun.length to pantunListToRender.length to make code consistent as it provide the same result.

Notes

• The conditional rendering for Kami jumpa {pantunListToRender.length} pantun untuk tema: {nama_tema}. text is kept to allow for future update. We can put the saring "keyword" on the text as the feedback to user input (current feedback only show counter). Else, the conditional rendering can be removed.

Additional Changes:

• Add key={index} props during pantun rendering to avoid React warning:
  

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
pantunis	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 4:34pm

[irsyadpage]

Update

I also included the fix for #6.