Tool Drawer Apps

\n See available tools on the Wisephone II\n

\n \n These tools have been requested by Wisephone II users and have been vetted in accordance to the\n \n {\" \"}Healthy Tech Index\n .\n

\n \n {tools.map((tool, index) => (\n

\n \n {tool.cells[\"Tool Name\"]}\n \n

\n ))}\n \n

\n \n );\n}\n\nfunction ToolDrawerApp({ tools }: { tools: ToolRow[] }) {\n // const categories = Array.from(new Set(tools.map(tool => tool.cells[\"App Category\"])));\n\n // Sort tools alphabetically by name\n const sortedTools = [...tools].sort((a, b) => a.cells[\"Tool Name\"].localeCompare(b.cells[\"Tool Name\"]));\n\n return (\n

\n \n \n \n \n \n \n \n \n \n \n \n\n Tool Drawer\n \n

\n \n\n \n The Wisephone II focuses on promoting healthy apps that solve a fundamental need. Apps not supported include:\n browsers/search engines, email, social media, games, shopping, video streaming, explicit content, and solo\n media (i.e. apps that monetize attention).\n \n

\n {sortedTools.map(tool => (\n

\n {tool.cells[\"App Category\"]}\n

\n {tool.cells[\"Tool Name\"]}\n

\n ))}\n

\n No results found. Would you like to{\" \"}\n Submit an App?\n

\n If you're looking for faith-based apps, most Android apps on{\" \"}\n faith.tools{\" \"}\n are supported and able to be toggled on for download in the Wisephone Portal.\n

\n );\n}\n\n// app.get(\"/get-all\", async (c) => {\n// try {\n// const data = await fetchOttogridData();\n// return c.json(data);\n// } catch (error) {\n// console.error(\"Error in route handler:\", error);\n// return c.text(\"Error fetching data\", 500);\n// }\n// });\n\napp.get(\"/refresh\", async (c) => {\n try {\n const data = await fetchOttogridData(true);\n return c.json(data);\n } catch (error) {\n console.error(\"Error in refresh route handler:\", error);\n return c.text(\"Error fetching data\", 500);\n }\n});\n\napp.get(\"/\", async (c) => {\n try {\n const data = await fetchOttogridData();\n const filteredData = filterToolDrawerData(data);\n const appHtml = renderToString();\n\n return c.html(`\n \n \n \n \n \n Tool Drawer Apps\n \n \n \n \n ${appHtml}\n \n \n \n `);\n } catch (error) {\n console.error(\"Error in tool drawer route handler:\", error);\n return c.text(\"Error fetching or filtering data\", 500);\n }\n});\n\n// This is used on the https://wisephone.com/products/wisephone-ii page.\napp.get(\"/htmx\", async (c) => {\n try {\n const data = await fetchOttogridData();\n const filteredData = filterToolDrawerData(data);\n\n // Sort tools alphabetically by name\n const sortedTools = [...filteredData.rows].sort((a, b) => a.cells[\"Tool Name\"].localeCompare(b.cells[\"Tool Name\"]));\n const appHtml = renderToString();\n\n return c.html(`\n \n ${appHtml}\n `);\n } catch (error) {\n console.error(\"Error in tool drawer route handler:\", error);\n return c.text(\"Error fetching or filtering data\", 500);\n }\n});\n\napp.get(\"/data\", async (c) => {\n const data = await fetchOttogridData();\n return c.json(data);\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/cameronpak/toolDrawer/code/main.tsx","extension","actionData","errors"]