\n {/* Header */}\n

\n Plant Profile Generator\n

\n {window.__PROJECT_INFO__ && (\n \n View Source\n \n )}\n

\n\n {/* Main content */}\n

\n {/* Sidebar */}\n

My Plants

\n \n

\n \n {isLoading && !isFormOpen && !selectedPlant ? (\n

\n \n

\n ) : error ? (\n

\n {error}\n

\n ) : (\n \n )}\n

\n\n {/* Main content area */}\n

\n {isLoading && (selectedPlant || isFormOpen) ? (\n

\n \n

\n ) : isFormOpen || isEditing ? (\n handleUpdatePlant(selectedPlant.id, plant) \n : handleCreatePlant\n }\n onCancel={() => {\n setIsFormOpen(false);\n setIsEditing(false);\n }}\n />\n ) : selectedPlant ? (\n setIsEditing(true)}\n onDelete={() => handleDeletePlant(selectedPlant.id)}\n onBack={() => setSelectedPlant(null)}\n />\n ) : (\n

\n \n

Welcome to Plant Profile Generator

\n Create detailed profiles for your plants to keep track of care instructions and growth habits.\n

\n \n

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n};\n\nexport default App;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/seipatiannah1/plantprofile/code/frontend/components/App.tsx","extension","actionData","errors"]