Who's Hiring

Work Style:

\n {workStyles.map(style => (\n toggleFilter(style)}\n className={`px-3 py-1 rounded-full text-sm ${\n selectedFilters.includes(style)\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n {style}\n \n ))}\n

Locations:

\n {locations.map(location => (\n toggleFilter(location)}\n className={`px-3 py-1 rounded-full text-sm ${\n selectedFilters.includes(location)\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n {location}\n \n ))}\n

\n );\n };\n\n return (\n <>\n

\n {Object.entries(tabs).map(([link, title]) => (\n (e.preventDefault(), setActiveTab(link))}\n >\n {title === \"Home\" ?

Who's Hiring

: title}\n \n ))}\n

\n \n

View Source Code

\n \n

\n {activeTab == \"/\"\n ? (\n

\n \n dispatch({\n type: \"story\",\n value: stories.find((story) => story.date == e.target.value)?.objectID || \"\",\n })}\n >\n {stories.map((story) => )}\n \n

\n dispatch({ type: \"query\", value: e.target.value })}\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n handleSearch(state.query);\n }\n }}\n />\n

\n handleSearch(state.query)}\n disabled={state.loading}\n >\n Search\n \n

\n \n

\n {comments.map((comment, index) => (\n \n

\n {comment.author}\n {getRelativeTime(comment.created_at)}\n

\n \n ))}\n

\n {state.loading && (\n

\n \n \n Loading...\n \n

\n )}\n {showScrollTop && (\n \n ↑\n \n )}\n

\n )\n : }\n \n );\n}\n\nfunction ServerApp() {\n return (\n \n \n Who's Hiring\n \n \n \n \n

\n \n

\n \n \n \n \n );\n}\n\nif (typeof document !== \"undefined\") {\n hydrateRoot(document.getElementById(\"root\"), );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/api/stories\") {\n const storySearch = await hnSearch({\n search_by_date: true,\n query: \"\",\n numericFilters: `created_at_i>${Math.floor(Date.now() / 1000) - 60 * 60 * 24 * 7 * 52}`,\n tags: \"story,author_whoishiring\",\n });\n\n return new Response(\n JSON.stringify(\n storySearch.hits.filter((story) => story.title.startsWith(\"Ask HN: Who is hiring?\")).map((story) => ({\n date: story.title.slice(24, -1),\n objectID: story.objectID,\n })),\n ),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n if (url.pathname === \"/api/comments\") {\n const params = url.searchParams;\n const query = params.get(\"query\") || \"\";\n const story = params.get(\"story\") || \"\";\n const page = parseInt(params.get(\"page\") || \"1\");\n\n const commentSearch = await hnSearch({\n query: query,\n tags: `comment, story_${story}`,\n page: 0,\n hitsPerPage: 100, // Fetch a moderate number of comments\n });\n\n // Filter out sub-comments and paginate manually\n const topLevelComments = commentSearch.hits.filter(comment => comment.parent_id === commentSearch.hits[0].story_id);\n const paginatedComments = topLevelComments.slice((page - 1) * 30, page * 30);\n\n const paginatedResponse = {\n ...commentSearch,\n hits: paginatedComments,\n nbHits: topLevelComments.length,\n page: page,\n };\n\n return new Response(\n JSON.stringify(paginatedResponse),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n renderToString(),\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/teachai1/whoIsHiring/code/main.tsx","extension","actionData","errors"]