Feature/Routing-Forms/Reporting

[hariombalhara]

What does this PR do?

Closes #5440

Demo

Environment: Production

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

• See loom

Note: You would see 2 unit tests check below. One is passing and the other is failing. This is because I have a fix for unit tests workflow in my PR which is passing and main one is failing

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
cal	✅ Ready (Inspect)	Visit Preview	Nov 11, 2022 at 9:58AM (UTC)

[what-the-diff]

• Added a new page called reporting
• Updated the routing config to include this new route
• Created an initial query builder configuration for the reporter row in react-awesome-query-builder/config/config file and updated it with fields from form's schema (formId, fieldName)
• Implemented ReporterRow component which renders QueryBuilder along with Result table that shows responses based on jsonLogicQuery generated by QueryBuilder

[hariombalhara]

@harshsinghatz this isn't ready for review yet. It's in draft

[CarinaWolli]

Awesome feature, works great 🙌🏻

I only have a few design suggestions:

• There is more space on the right side of table (I think there is a mr-2 somewhere)
  

• Pagination would probably make sense to have as there will be a lot of data over time (maybe this can also wait and be added later)

• Should we make the corners of the table rounded to fit our design?

[PeerRich]

the gray headline looks a bit dark, a lighter dark is better

also "Add Query" should be "Add Filter", no?

[hariombalhara]

@PeerRich

• Changed Add Query -> Add Filter. It would resonate with more people.
• Made header bg-gray-200

@CarinaWolli

There is more space on the right side of table (I think there is a mr-2 somewhere)

This is because the table is left aligned. The space at right would vary

Pagination would probably make sense to have as there will be a lot of data over time (maybe this can also wait and be added later)

Yeah I thought the same. The user can always filter the data to limit what loads on the page

Should we make the corners of the table rounded to fit our design

Wanted to do it but it wasn't straightforward. Tables are tricky. Implemented it now.