condition template selection page

[fzhao99]

PULL REQUEST

Summary

Part two that builds the actual page.

For now, I've put this page at /queryBuilding/buildFromTemplate, but worth a larger convo around when we use the Next router for URL-based rendering and when we handle things in a more SPA fashion like we do with the query search flow.

For design

• Page available at queryBuilding/buildFromTemplate. The page is read-only for now (ie the "create query" button doesn't do / redirect to anything and the query name field also doesn't do anything). "Writing" this info and updating the relevant pages are forthcoming
• Check that spacing, font, colors are aligned with design
  • Recognize the two columns are unbalanced in terms of how many conditions are in the two columns, but balancing them is an instance of the knapsack problem. Basically, the algorithm to do is really complicated, which felt like overkill for the context.
  • Can revisit this in a followup PR though! Might be fun to dust off my actual computer science degree :)
• Check the interactivity for the search field
• The "Create Query" button is disabled for now until at least one template is selected, but will leave us to update the interaction based on this conversation. in another PR

Related Issue

Fixes #75

Checklist

• [x] Descriptive Pull Request title
• [x] Link to relevant issues
• [x] Provide necessary context for design reviewers
• [x] Update documentation

[linear[bot]]

QUE-32 Build in condition template selection page

[fzhao99]

• at least on the figma Back to My Queries isn't underlined

@mikang it looks like the other backlinks in the query customization flow are underlined, so let us know if this one should be too.

[mikang]

The search is beautiful @fzhao99 — I think it deserves its own GH comment

[mikang]

Here is my feedback! https://docs.google.com/document/d/1gMX9AMwk1KAnuN2e8_cvlaMg1kbNQOac86mE5cBVg28/edit?usp=sharing

[mikang]

looks good to me. only minor quibbles

• at least on the figma Back to My Queries isn't underlined
• there isn't the Demo alert at the top of the page. that might be just because the page is not connected to stuff currently, as i write this..carry on!

hmm true about the underline. I didn't notice that on the other pages. Is it possible to remove the underline from all backlinks that have an arrow? The underline is good for accessibility to show that it's clickable, but considering there is an arrow, I'm not concerned about it not seeming clickable