🍳

Recipe Parser

Capture, Parse & Store Recipes

\n \n

\n navigateTo('list')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n state.view === 'list' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n 📚 Recipes\n \n navigateTo('add')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n state.view === 'add' \n ? 'bg-green-100 text-green-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n ➕ Add Recipe\n \n

\n );\n\n const renderContent = () => {\n if (state.loading) {\n return (\n

\n Loading...\n

\n );\n }\n\n if (state.error) {\n return (\n

⚠️

Error

{state.error}

\n setState(prev => ({ ...prev, error: null }))}\n className=\"mt-3 text-red-600 hover:text-red-800 text-sm font-medium\"\n >\n Dismiss\n \n

\n );\n }\n\n switch (state.view) {\n case 'list':\n return (\n navigateTo('view', recipe)}\n onRecipeEdit={(recipe) => navigateTo('edit', recipe)}\n onRecipeDelete={handleRecipeDeleted}\n onRefresh={loadRecipes}\n />\n );\n \n case 'add':\n return (\n navigateTo('list')}\n />\n );\n \n case 'edit':\n return (\n navigateTo('view', state.selectedRecipe)}\n />\n );\n \n case 'view':\n return (\n navigateTo('edit', recipe)}\n onDelete={handleRecipeDeleted}\n onBack={() => navigateTo('list')}\n />\n );\n \n default:\n return

Unknown view

;\n }\n };\n\n return (\n

\n {renderHeader()}\n

\n {renderContent()}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/connnolly/cardamon/code/frontend/components/App.tsx","extension","routes/embed","actionData","errors"]