Repository navigation
Showcase Page! #501
Description
I would love for the site to have a showcase page listing all of the submissions. . maybe with some sorting? Chronological? By author? Thoughts, ideas?
@runemadsen is this something DSI would like to help build or review or shall we press forward on our own?
Thank you!!
Activity
runemadsen commentedon Aug 30, 2022
Excellent!
I think the act of implementing this will not be too crazy if you take the logic from the other pages and use the existing passenger showcase component:
Do you have people on your end who could give it a try? We will of course be happy to do a thorough review.
A few things that I think will be involved in this task:
The current passenger showcase component has a fixed width, as it's used in a horizontal scroller. If used on a page, we probably want the component to be able to be fluid so it can take up 1/3 or 1/4 of the container width, like the other components on the listing pages. I suggest doing this by passing either a
classNameto the component with styles that override the component styles of by doing avariantprop and adding the alternative style in the component itself.Regarding filter, I would suggest having a single
sort, so we don't need to generate combinations of filters and slow down the build process. I think sorting by newest submissions by default would be a great way to increase user contributions, and this could perhaps be the only sorting in the beginning and then the extra sorting could be added as a separate PR.Happy to answer any questions you have about this!
shiffman commentedon Aug 30, 2022
Great, thank you @runemadsen! I think we can take it from here and if we have questions or are ready for a design review, we'll tag you!
kfahn22 commentedon Aug 30, 2022
I have been thinking that it would be nice to have a place where student contributions are showcased, although I suppose that would complicate things.
kfahn22 commentedon Sep 1, 2022
I think it would be helpful to have a list of all the files that need to be updated or added to add a Showcase Page. I have come up with a list, but I am not sure if it is correct. Have I missed some files or included some files by mistake?
gastby-node.js
gastby-config.js
In the node-scripts folder:
page-generation.js
node-generation.js
schema.js
pages/index.js
In the components folder, add:
ShowcasePanel.js
ShowcasePanel.module.css
shiffman commentedon Sep 1, 2022
Thanks @kfahn22! @klinegareth is planning to work on this page so can provide more info and any requests in terms of help!
shiffman commentedon Feb 21, 2023
Thank you to all the wonderful contributors who helped to make this page happen in #638, now merged! Closing this issue and opening a new one to discuss refinements.