Skip to content

Adding the document data summary to the DOM in the Result component #534

@beniregev

Description

@beniregev

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)
image

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

  1. 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.
  2. 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):
image

Screenshot of current page UI (the After/TO-BE):
image
(Using "Lorem Ipsum" for text).

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions