\n {isOpen ? \"Collapse section\" : \"Expand section\"}\n

\n setIsOpen(!isOpen)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n setIsOpen(!isOpen);\n }\n }}\n >\n {type.charAt(0).toUpperCase() + type.slice(1)}\n \n \n \n {isOpen ? \"Collapse section\" : \"Expand section\"}\n \n \n \n \n \n \n\n {isOpen && ( // Conditional rendering based on state\n <>\n {isLoading && (\n

\n )}\n

\n \n \n {url.title || `${HN_BASE_URL}?id=${url.id}`}\n \n {`${HN_BASE_URL}?id=${url.id}`}\n \n

\n {url.comments}\n

\n await unfollowUrl(url.id)}\n className=\"px-2 btn btn-sm btn-ghost text-neutral-900 hover:text-red-600\"\n disabled={isLoading}\n >\n \n Unfollow item\n \n \n \n

\n \n ))}\n {filteredUrls.length === 0 && !isLoading && (\n

\n No {type} to display\n

\n )}\n

\n \n )}\n

\n );\n};\n\nexport default Section;\n","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/nbbaier/hn_notifier/code/frontend/components/ListSection.tsx","extension","actionData","errors"]