Allow line breaks

2021-12-28 03:12:36 -05:00
parent 82327da031
commit 5883adc2c1
2 changed files with 6 additions and 2 deletions
--- a/packages/web/src/components/Item.tsx
+++ b/packages/web/src/components/Item.tsx
@ -59,6 +59,9 @@ const AttachmentContainer = styled.div`
  display: flex;
  margin: 5px 0;
 `
+const PlainNotes = styled.p`
+  white-space: pre-wrap;
+`

 const SectionsView = memo<{ sections?: ItemDetails["sections"] }>(({ sections }) =>
  sections?.length ? (
@ -135,7 +138,7 @@ export const ItemView = memo<ItemViewProps>(({ className, item }) => {
          <ExtraField>
            <FieldTitle>notes</FieldTitle>
            <div>
-              <p>{item.details.notesPlain}</p>
+              <PlainNotes>{item.details.notesPlain}</PlainNotes>
            </div>
          </ExtraField>
        )}