${plant.name}

`;\n const scientificName = plant.scientific_name ? \n `

${plant.scientific_name}

` : '';\n \n const printDescription = plant.description ? \n `

Description:

${plant.description}

` : '';\n \n const printCare = `\n

Care Instructions

\n ${plant.water_needs ? `\n

Water Needs:

${plant.water_needs}

` : ''}\n ${plant.light_needs ? `\n

Light Needs:

${plant.light_needs}

` : ''}\n ${plant.soil_type ? `\n

Soil Type:

${plant.soil_type}

` : ''}\n `;\n \n const printGrowth = plant.growth_habits ? `\n

Growth Information

Growth Habits:

${plant.growth_habits}

` : '';\n \n const printNotes = plant.notes ? `\n

Personal Notes

${plant.notes}

` : '';\n \n const printFooter = `\n \n `;\n \n const printDocument = `\n \n \n \n Plant Profile: ${plant.name}\n ${printCSS}\n \n \n ${printTitle}\n ${scientificName}\n ${printDescription}\n ${printCare}\n ${printGrowth}\n ${printNotes}\n ${printFooter}\n \n \n `;\n \n document.body.innerHTML = printDocument;\n window.print();\n document.body.innerHTML = originalContents;\n }\n };\n\n return (\n

\n {/* Header with actions */}\n

\n \n \n

\n \n \n \n

\n \n {/* Plant profile content */}\n

{plant.name}

\n \n {plant.scientific_name && (\n

{plant.scientific_name}

\n )}\n \n {plant.description && (\n

Description

{plant.description}

\n )}\n \n

Care Instructions

\n Water Needs\n

{plant.water_needs || \"Not specified\"}

\n \n

\n Light Needs\n

{plant.light_needs || \"Not specified\"}

\n \n

\n Soil Type\n

{plant.soil_type || \"Not specified\"}

\n \n {plant.growth_habits && (\n

Growth Information

\n Growth Habits\n

{plant.growth_habits}

\n )}\n \n {plant.notes && (\n

Personal Notes

{plant.notes}

\n )}\n \n

Created on {new Date(plant.created_at).toLocaleDateString()}

\n {plant.updated_at !== plant.created_at && (\n

Last updated on {new Date(plant.updated_at).toLocaleDateString()}

\n )}\n

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