Update Sketch List styling

[catarak]

Deets on Zeplin.

[LakshSingla]

@catarak I would like to work on #789 but I am unable to get to the above screens. https://editor.p5js.org/ seems to open a sketch for me automatically. Can you please guide which steps to take to reach to this screen?

[catarak]

Here are the rendered screens: https://scene.zeplin.io/project/55f746c54a02e1e50e0632c3

If you need exact measurements and colors, I can add you to the zeplin project!

[LakshSingla]

@catarak Would this design be possible ? Considering that "Open" comes from Overlay.jsx whereas the Sketches|Collections|Files would have to be implemented in the SketchList.jsx

[catarak]

@LakshSingla sorry for the delay on this—got busy and sick over the holidays. i can add you do the zeplin project. do you have a zeplin username? if not, i can invite you via email—feel free to email me your email address!

[LakshSingla]

@catarak Lemme create a layout for the modal, then I will move onto the styling part of it. I am doubtful of this design. (Refer to my comment above, quoted below)

@catarak Would this design be possible ? Considering that "Open" comes from Overlay.jsx whereas the Sketches|Collections|Files would have to be implemented in the SketchList.jsx

[catarak]

@LakshSingla there is already a design, so there is no need to make one.

[LakshSingla]

@catarak Sorry for the misunderstanding. By layout I meant basic React layout.
Also, how should I communicate my email address to you, I am unaware of your email id. :/

@LakshSingla sorry for the delay on this—got busy and sick over the holidays. i can add you do the zeplin project. do you have a zeplin username? if not, i can invite you via email—feel free to email me your email address!

Here is the issue with the design on Zepplin (correct me if I am wrong), SketchList.jsx is rendered under Overlay.jsx which provides as a nice interface for all tasks which require a modal. But one can extend the modal to change it's heading only which is 'Open' in the case of Zepplin's sketch. Apart from it, the design suggest placing 'Sketches | Collections | Files' buttons in what is supposed to be the header of the modal. Should I reinvent the modal for SketchList.jsx in order to incorporate this functionality ??

[catarak]

@LakshSingla i would just ignore the Sketches | Collections | Files header for now, and make it just "Sketches", since the other features are not yet implemented.

also, my email address is in my github profile!

[LakshSingla]

@catarak I have mailed you my e-mail id ..

[catarak]

@LakshSingla just invited you!

[LakshSingla]

@catarak Thanks!!
One question though: Which endpoint do I need to query to get the sketch's preview? (First column)