{"id":1992,"date":"2025-02-20T20:20:10","date_gmt":"2025-02-20T12:20:10","guid":{"rendered":"https:\/\/www.tonghin.com.my\/blog\/?p=1992"},"modified":"2025-02-20T20:20:12","modified_gmt":"2025-02-20T12:20:12","slug":"enhancing-filter-functionality-and-merging-create-edit-pages","status":"publish","type":"post","link":"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/","title":{"rendered":"Enhancing Filter Functionality and Merging Create\/Edit Pages"},"content":{"rendered":"\n<p>Monday, January 27 2025 \u2013 Continuing from the previous week, I worked on the same features and focused on completing the filter section. Initially, the filters triggered an automatic refresh whenever the user clicked or typed anything. However, this behavior was modified so that filtering and searching only occur when the user explicitly clicks the search button.<\/p>\n\n\n\n<p>Later, Mr. Peter pointed out that having separate pages for creating and editing items meant any changes made to the create page would need to be duplicated in the edit page, which is not an efficient approach. To streamline the process, I merged both pages by introducing a <code>useState<\/code> hook to determine the mode. If no data for a specific ID is passed, the page operates in create mode, showing relevant sections only for creation. Otherwise, it switches to edit mode.<\/p>\n\n\n\n<p>By the end of the week, I had made significant progress on this feature and was ready to move on to the next one, though additional checks were needed to ensure error-free functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday, January 27 2025 \u2013 Continuing from the previous week, I worked on the same features and focused on completing the filter section. Initially, the filters triggered an automatic refresh whenever the user clicked or typed anything. However, this behavior was modified so that filtering and searching only occur when the user explicitly clicks the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Enhancing Filter Functionality and Merging Create\/Edit Pages&#8221;<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Enhancing Filter Functionality and Merging Create\/Edit Pages | Tong Hin&#039;s Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enhancing Filter Functionality and Merging Create\/Edit Pages | Tong Hin&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"Monday, January 27 2025 \u2013 Continuing from the previous week, I worked on the same features and focused on completing the filter section. Initially, the filters triggered an automatic refresh whenever the user clicked or typed anything. However, this behavior was modified so that filtering and searching only occur when the user explicitly clicks the &hellip; Continue reading &quot;Enhancing Filter Functionality and Merging Create\/Edit Pages&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Tong Hin&#039;s Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-20T12:20:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T12:20:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\",\"name\":\"TONG HIN MACHINERY\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"sameAs\":[\"https:\/\/www.youtube.com\/channel\/UC60EoxJMNbu8mV0LuEGfrBg\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/wp-content\/uploads\/2020\/10\/web_logo_180_180.jpg\",\"width\":180,\"height\":180,\"caption\":\"TONG HIN MACHINERY\"},\"image\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#website\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"name\":\"Tong Hin&#039;s Blog\",\"description\":\"Sharing About Technology\",\"publisher\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.tonghin.com.my\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#webpage\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\",\"name\":\"Enhancing Filter Functionality and Merging Create\/Edit Pages | Tong Hin&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#website\"},\"datePublished\":\"2025-02-20T12:20:10+00:00\",\"dateModified\":\"2025-02-20T12:20:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\",\"url\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/\",\"name\":\"Enhancing Filter Functionality and Merging Create\/Edit Pages\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#\/schema\/person\/81e2366362d8d14b15519395755cee6f\"},\"headline\":\"Enhancing Filter Functionality and Merging Create\/Edit Pages\",\"datePublished\":\"2025-02-20T12:20:10+00:00\",\"dateModified\":\"2025-02-20T12:20:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/2025\/02\/20\/enhancing-filter-functionality-and-merging-create-edit-pages\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#organization\"},\"articleSection\":\"Experiential\",\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#\/schema\/person\/81e2366362d8d14b15519395755cee6f\",\"name\":\"nurlailiyuzi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.tonghin.com.my\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5c0d4cc6f7fc881bd56d95bdbb0c4c14?s=96&d=mm&r=g\",\"caption\":\"nurlailiyuzi\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/1992"}],"collection":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/comments?post=1992"}],"version-history":[{"count":1,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/1992\/revisions"}],"predecessor-version":[{"id":1993,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/posts\/1992\/revisions\/1993"}],"wp:attachment":[{"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/media?parent=1992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/categories?post=1992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tonghin.com.my\/blog\/wp-json\/wp\/v2\/tags?post=1992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}