epic(pano): home page feed

[cansirin]

Home Page Feed

We want our users to use pano's homepage to navigate their posts feed. They will also be able to create a new post (think about twitter/facebook type of UX).

Home page feed will show Query.viewer.panoFeed GQL query to fetch the response. The result of the query is a PanoPostConnection object.

The most recent post should appear on top, so we will need to update Viewer.panoFeed accordingly.

We will render this page at / top-level route, meaning pano.dev.kamp.us or pano.kamp.us (in the future) should show this page.

Feed Filters

We want to give our users an ability to sort the feed by providing them a preset of different filters:

• all - hepsi: This is the default behavior. We show the feed in descending order by their creation date. Most recent is on top.
• active - En son yorumlananlar: Show the feed in descending order by their most recent comment's creation date. Most recently commented post is on top.
• hot - En fazla yorum almislar: Show the feed in ascending order by their comment count. The post with the most comment count is on top.
• upvoted - Oyladiklarim: Same order with all but only the posts viewer's upvoted.
• owned - başlıklarım: Same order with all but only the posts viewer created.

An example: https://pano-dev.kamp.us/

Related files/folders from deprecated pano

https://github.com/kamp-us/monorepo/blob/dev/deprecated/pano/app/routes/index.tsx
https://github.com/kamp-us/monorepo/tree/dev/deprecated/pano/app/routes/posts

Tasks for this epic

Posts

• feat(pano): Add post options menu to edit a post #552
• feat(pano): connect gql for post upvote post operations #550
• feat(pano): Add toast for "Adresi Kopyala" action on the more options dropdown #568
• feat(pano): Add dialog for post deletion confirmation #569
• feat(pano): Create a Post sort filter mechanism regarding to filter queries #653
• feat(gql): move Query.allPosts to Viewer.panoFeed query #654
• feat(pano): rename filters & update routes with correct structure for panoFeed #610
• feat(gql): update Viewer.panoFeed to accept feed filters #611
• feat(pano): show a paginated list for Query.viewer.panoFeed on homepage. #612
• feat(pano): Add PanoPostComposer component and use Mutation.createPanoPost to add a new pano post #613
• feat(gql-utils): allow loaders to modify args for findMany queries #615
• feat(@kampus/gql-utils): update connection key to allow users to extend the prisma.model.findMany call #617

Comments

• feat(gql): add Post.commentCount & Comment.commentCount resolvers #585

Upvotes

• feat(gql): Create GQL resolvers & loaders for fetching single post's upvotes #514
• feat(gql): Create createPostUpvote mutation #554
• feat(gql): Create removePostUpvote mutation #556
• feat(gql): add PanoPost.isUpvotedByViewer field #621
• feat(gql): add PanoComment.isUpvotedByViewer field #622
• feat(gql): update Mutation.createPanoUpvote and Mutation.removePanoUpvote resolvers to support PanoComment type #650

---

@kampus/gql-utils

• feat(gql-utils): add support for multiple query identifiers #623

[muhammed-gumus]

i’ll be working on this with Can as planned