I created a ReactJS app and the client asked to put the document data, e.g., title, filename, publication date, authors, file type, etc. in the UI.
I see this information is retrieved, in the Result (Result.tsx) component there's no div element for it (see the screenshot)

It's better from a UI/UX perspective to have some information about the document before the passages to enable the users to locate the documents they need faster.
Maybe there's a way to do that in the current library that I'm not aware of?
Tasks
- Add a
div element (with an id attribute?) to have the option to display the document's data, e.g., title, filename, publication date, authors, file type, etc.
- To keep backward compatibility, showing this div element should depend on a parameter with a default value
false (don't show it).
Acceptance Criteria
When the show/no-show parameter value is true, then a div element showing the document data is visible.
When the show/no-show parameter value is false, then a div element showing the document data is not visible.
When the show/no-show parameter is not set to any value (using its default value of false), then a div element showing the document data is not visible.
Screenshot of current page UI (the before/AS-IS):

Screenshot of current page UI (the After/TO-BE):

(Using "Lorem Ipsum" for text).
I created a ReactJS app and the client asked to put the document data, e.g., title, filename, publication date, authors, file type, etc. in the UI.

I see this information is retrieved, in the Result (Result.tsx) component there's no
divelement for it (see the screenshot)It's better from a UI/UX perspective to have some information about the document before the passages to enable the users to locate the documents they need faster.
Maybe there's a way to do that in the current library that I'm not aware of?
Tasks
divelement (with anidattribute?) to have the option to display the document's data, e.g., title, filename, publication date, authors, file type, etc.false(don't show it).Acceptance Criteria
When the show/no-show parameter value is
true, then a div element showing the document data is visible.When the show/no-show parameter value is
false, then a div element showing the document data is not visible.When the show/no-show parameter is not set to any value (using its default value of
false), then a div element showing the document data is not visible.Screenshot of current page UI (the before/AS-IS):

Screenshot of current page UI (the After/TO-BE):

(Using "Lorem Ipsum" for text).