GSoC 2024: GitHub Discussion UI at Home, Discussion and Contributor's route

[dgparmar14]

Pull Request Description

Overview

This PR introduces a comprehensive update to display GitHub Discussions across various routes: Home, Discussions, and Profile. It also adds functionality to filter discussions based on their category and creation date. Additionally, discussions will be integrated with activities on the contributor's route.

Fixes - #212

Changes

New Routes and Components

1. New Discussions Route:

   • Created a new route to display all discussions (currently limited to GitHub Discussions).

2. New Components:

   • GitHub Discussions: Displays all discussions and handles their filtering.
   • GitHub Discussion: A discussion card showcasing the title, author, timeline, description, and participants.
   • Filter Discussions: Filters discussions using SearchParams. Includes:
     • Discussions Category
     • Date Range Picker (reuses the existing component)
   • DiscussionsMarkdown: A client-side markdown component for experimental purposes. It is intended to potentially replace the existing server-side component if proven effective.

Library Update

• lib/discussion.ts: Contains two functions:
  • fetchGithubDiscussionForUser()
  • fetchGithubDiscussion(): Fetches a specified number of discussions. If no number is provided, it returns all discussions.

Discussions UI

Desktop View

Untitled.video.-.Made.with.Clipchamp.mp4

Mobile View

Untitled.video.-.Made.with.Clipchamp.2.mp4

1. Discussions Route:

2. Home Route:

3. Contributors Profile Route:

My Tasks

• Refactor Python scraper into TypeScript using the GitHub Octokit GraphQL API.
• Scrape and parse GitHub discussions using Octokit and GraphQL.
• Create a new discussion route to display all GitHub discussions.
• Display the top 5 discussions with a "Show More" option on the home page of the leaderboard.
• Add discussions with contributor activity data.
• Enable calculation of points based on discussions created, discussions answered, and comments created in discussions.
• Implement a reward system for discussion .

Mid Term Evaluation PR : Refactor Scraper

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
leaderboard	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 25, 2024 7:08am

[rithviknishad]

@dgparmar14 Builds failing when there is no discussion directory (which happens when no discussions were scraped so far and none were present to be scrapped in the last 24 hours or the given scraping time range)

[rithviknishad]

Code changes: LGTM ✅

Tested discussions locally and workflow in https://github.com/coronasafe/leaderboard-data-test/actions/runs/10089604078. Working as expected! ✅

Nice work @dgparmar14