# Printing Option

[SylvieDoumet]

Value Proposition

As a user of the Homemade Remedies App,

I want to be able to print the details of a remedy recipe and my personal notes so that I can have a physical copy of the recipe without elements like buttons or forms.

Description

Acceptance Criteria

• Ensure that the print option is easily accessible and functional on the RemediesDetails Page.
• Ensure that a printing view opens up when the printing button is clicked.
• Ensure that elements such as the "Delete remedy" button, the "Edit remedy" button, the "Print" button, "Favorite" button and the "Add notes" form are hidden in the print view, in a way that only the recipe information and the personal notes of the users remain in the print.
• Ensure the consistency in print output in different browsers.

Tasks

• [ ] Implement the printing option with the functionhandlePrint() {window.print();} in the details page rendered by remedies/[id]/index.js.
• [ ] Update the styles.js file to include an @media print rule and CSS class for hiding elements / sections during printing.
• [ ] Wrap the elements (delete remedy-button, edit remedy-button, favorite button, print button & add notes-form) that should be hidden in the print view with the code <div className="no-print"/> in the file remedies/[id]/index.js.
• [ ] Verify that the remedy details are printed correctly without the excluded elements. Ensure that any changes are tested across different browsers to confirm consistency in print output.

[ahohnsen]

Hey there!

In my opinion, it would make sense to include the notes in the printout (just the notes themselves, not the associated form). If I add personal notes to a recipe (such as variations in the preparation), I would want them to be included in the printed version, especially if I plan to file it somewhere.

[SylvieDoumet]

We have included the personal notes into the print version - here is the updated version