Merge branch 'recodehive:main' into main

Author: gmarav05

.github/CODEOWNERS.md

@@ -1,2 +1,2 @@
  # Assign @octocat as the owner for all files
-        * @sanjay-kv @iitzIrFan
+        * @sanjay-kv @iitzIrFan @Adez017

.github/workflows/pr-issue-sync.yml

@@ -17,7 +17,7 @@ jobs:
         id: extract
         uses: actions/github-script@v7
         with:
-        github-token: ${{ secrets.GITHUB_TOKEN }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
           script: |
             const body = context.payload.pull_request.body || "";
             const issuePattern = /#(\d+)/g;
@@ -32,6 +32,7 @@ jobs:
         if: steps.extract.outputs.issues && steps.extract.outputs.issues != '[]'
         uses: actions/github-script@v7
         with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
           script: |
             const issues = JSON.parse(`${{ steps.extract.outputs.issues }}`);
             const prNumber = context.payload.pull_request.number;
@@ -77,7 +78,6 @@ jobs:
             const existingComment = comments.data.find(c => c.body.includes("### Synced data from Linked Issues"));
 
             if (existingComment) {
-              // Update existing comment
               await github.rest.issues.updateComment({
                 ...context.repo,
                 comment_id: existingComment.id,

src/components/header/header.css

@@ -104,24 +104,14 @@ html.theme-dark .chh__header-content p {
   gap: 1rem;
 }
 
-.chh__header-content__input--link {
+.chh__header-content__input--button {
   text-decoration: none;
   font-size: 20px;
   line-height: 28px;
   font-weight: 600;
   color: black;
-}
-
-.chh__header-content__input--link:hover {
-  text-decoration: none;
-  color:#121212;
-}
-
-.chh__header-content__input button {
-  flex: 1;
+  width: 100%;
   min-height: 56px;
-  font-weight: 600;
-  font-size: 18px;
   border: none;
   cursor: pointer;
   outline: none;
@@ -131,9 +121,12 @@ html.theme-dark .chh__header-content p {
   position: relative;
   overflow: hidden;
   z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-.chh__header-content__input button::after {
+.chh__header-content__input--button::after {
   content: "";
   position: absolute;
   top: 0;
@@ -151,53 +144,62 @@ html.theme-dark .chh__header-content p {
   pointer-events: none;
 }
 
-.chh__header-content__input button:hover::after {
+.chh__header-content__input--button:hover::after {
   left: 100%;
 }
 
-.chh__header-content__input button:hover {
+.chh__header-content__input--button:hover {
   transform: scale(1.03); /* very subtle lift */
+  text-decoration: none;
 }
 
-.chh__header-content__input button:first-child {
+.chh__header-content__input div:first-child .chh__header-content__input--button {
   background: linear-gradient(135deg, #fda085 0%, #f6d365 100%);
 }
 
-.chh__header-content__input button:first-child:hover {
+.chh__header-content__input div:first-child .chh__header-content__input--button:hover {
   background: linear-gradient(135deg, #f76b1c 0%, #fca65f 100%);
   transform: translateY(-2px);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
+  text-decoration: none;
+  color: black;
 }
 
-[data-theme='dark'] .chh__header-content__input button:first-child {
+[data-theme='dark'] .chh__header-content__input div:first-child .chh__header-content__input--button {
   background: linear-gradient(135deg, #9b4d89 0%, #6b3a9c 100%); 
 }
 
-[data-theme='dark'] .chh__header-content__input button:first-child:hover {
+[data-theme='dark'] .chh__header-content__input div:first-child .chh__header-content__input--button:hover {
   background: linear-gradient(135deg, #b45ea5 0%, #8050c4 100%); 
   transform: translateY(-2px) scale(1.02);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
+  text-decoration: none;
+  color: white;
 }
 
-.chh__header-content__input button:last-child {
+.chh__header-content__input div:last-child .chh__header-content__input--button {
   background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
 }
 
-.chh__header-content__input button:last-child:hover {
+.chh__header-content__input div:last-child .chh__header-content__input--button:hover {
   background: linear-gradient(135deg, #ae8dca 0%, #b3a7cb 100%);
   transform: translateY(-2px);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
+  text-decoration: none;
+  color: black;
 }
 
-[data-theme='dark'] .chh__header-content__input button:last-child {
+[data-theme='dark'] .chh__header-content__input div:last-child .chh__header-content__input--button {
   background: linear-gradient(135deg, #2c2c36 0%, #3d3d4f 100%);
   color: #e0e0e0;
 }
 
-[data-theme='dark'] .chh__header-content__input button:last-child:hover {
+[data-theme='dark'] .chh__header-content__input div:last-child .chh__header-content__input--button:hover {
   background: linear-gradient(135deg, #3d3d4f 0%, #50506b 100%); 
   transform: translateY(-2px) scale(1.02); 
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 
+  text-decoration: none;
+  color: #e0e0e0;
 }
 
 .chh__header-image {

src/components/header/header.tsx

@@ -41,7 +41,7 @@ const HeaderContent = () => {
       </motion.p>
 
       <div className="chh__header-content__input">
-        <motion.button
+        <motion.div
           initial={{ opacity: 0, x: -10 }}
           whileInView={{ opacity: 1, x: 0 }}
           viewport={{ once: true }}
@@ -51,14 +51,14 @@ const HeaderContent = () => {
             stiffness: 100,
             delay: 0.3,
           }}
-          type="button"
+          style={{ flex: 1 }}
         >
-          <Link to="/get-started/" className="chh__header-content__input--link">
+          <Link to="/get-started/" className="chh__header-content__input--button">
             Get Started
           </Link>
-        </motion.button>
+        </motion.div>
 
-        <motion.button
+        <motion.div
           initial={{ opacity: 0, x: 10 }}
           whileInView={{ opacity: 1, x: 0 }}
           viewport={{ once: true }}
@@ -68,12 +68,12 @@ const HeaderContent = () => {
             stiffness: 100,
             delay: 0.2,
           }}
-          type="button"
+          style={{ flex: 1 }}
         >
-          <Link to="/courses" className="chh__header-content__input--link">
+          <Link to="/courses" className="chh__header-content__input--button">
             Courses
           </Link>
-        </motion.button>
+        </motion.div>
       </div>
     </div>
   );

src/lib/statsProvider.tsx

@@ -48,6 +48,7 @@ interface PRDetails {
   mergedAt: string;
   repoName: string;
   number: number;
+  points: number;
 }
 
 interface Contributor {
@@ -75,6 +76,7 @@ interface PullRequestItem {
   title?: string;
   html_url?: string;
   number?: number;
+  labels?: Array<{ name: string }>;
 }
 
 // Enhanced contributor type for internal processing (stores all PRs)
@@ -96,6 +98,33 @@ const MAX_CONCURRENT_REQUESTS = 8;
 const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes cache
 const MAX_PAGES_PER_REPO = 20;
 
+// Function to calculate points based on PR labels
+const calculatePointsForPR = (labels?: Array<{ name: string }>): number => {
+  if (!labels || labels.length === 0) {
+    return 0; // No points if no labels
+  }
+  
+  const labelNames = labels.map(label => label.name.toLowerCase());
+  
+  // Check if PR has the "recode" label
+  if (!labelNames.includes('recode')) {
+    return 0; // No points if "recode" label is missing
+  }
+  
+  // Check for level labels and assign points accordingly with new point system
+  const levelPointsMap: { [key: string]: number } = {
+    'level 1': 10,
+    'level 2': 30,
+    'level 3': 50,
+  };
+  const matchedLevel = labelNames.find(label => levelPointsMap.hasOwnProperty(label));
+  if (matchedLevel) {
+    return levelPointsMap[matchedLevel];
+  }
+  
+  return 0; // No points if no level label
+};
+
 // Time filter utility functions
 const getTimeFilterDate = (filter: TimeFilter): Date | null => {
   const now = new Date();
@@ -163,11 +192,14 @@ export function CommunityStatsProvider({ children }: CommunityStatsProviderProps
           isPRInTimeRange(pr.mergedAt, currentTimeFilter)
         );
 
+        // Calculate total points from all filtered PRs
+        const totalPoints = filteredPRs.reduce((sum, pr) => sum + pr.points, 0);
+        
         return {
           username: contributor.username,
           avatar: contributor.avatar,
           profile: contributor.profile,
-          points: filteredPRs.length * POINTS_PER_PR,
+          points: totalPoints,
           prs: filteredPRs.length,
           prDetails: filteredPRs, // For backward compatibility, though we'll use the new function
         };
@@ -319,6 +351,9 @@ export function CommunityStatsProvider({ children }: CommunityStatsProviderProps
           }
           const contributor = contributorMap.get(username)!;
 
+          // Calculate points for this PR based on labels
+          const prPoints = calculatePointsForPR(pr.labels);
+          
           // Add detailed PR information to the full list
           if (pr.title && pr.html_url && pr.merged_at && pr.number) {
             contributor.allPRDetails.push({
@@ -327,6 +362,7 @@ export function CommunityStatsProvider({ children }: CommunityStatsProviderProps
               mergedAt: pr.merged_at,
               repoName,
               number: pr.number,
+              points: prPoints,
             });
           }
         });

src/pages/podcasts/details.css

@@ -206,6 +206,15 @@ html[data-theme='light'] {
   justify-content: center;
 }
 
+.nav-action-button:active {
+  box-shadow: 0 1px 8px rgba(40,50,70,0.06);
+}
+
+.nav-action-button.favorite.favorited {
+  color: #ff4d4d;      /* red heart */
+  background: #fff0f0; /* soft pink background when liked */
+}
+
 .nav-action-button:hover {
   background: var(--details-bg-card-hover);
   color: var(--details-text-primary);

src/pages/podcasts/details.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import Layout from '@theme/Layout';
 import type { ReactElement } from 'react';
 import { useLocation, useHistory } from '@docusaurus/router';
@@ -85,7 +85,26 @@ export default function PodcastDetails(): ReactElement {
   const history = useHistory();
   const state = location.state as LocationState;
   const podcast = state?.podcast;
-
+  
+  const [favorites, setFavorites] = useState<string[]>(() => {
+    if (typeof window !== "undefined") {
+      const saved = localStorage.getItem("podcast-favorites");
+      return saved ? JSON.parse(saved) : [];
+    }
+    return [];
+  });
+  const isFavorited = podcast ? favorites.includes(podcast.id) : false;
+  const toggleFavorite = () => {
+    if (!podcast) return;
+    setFavorites(prev => {
+      const updated = prev.includes(podcast.id)
+        ? prev.filter(id => id !== podcast.id)
+        : [...prev, podcast.id];
+      localStorage.setItem("podcast-favorites", JSON.stringify(updated));
+      return updated;
+    });
+  };
+  
   // Enhanced descriptions with categories
   const descriptions = {
     episode: [
@@ -128,7 +147,7 @@ export default function PodcastDetails(): ReactElement {
     history.goBack();
   };
 
-  const handleShare = async () => {
+  const handleShare = async (podcast?: PodcastData) => {
     if (navigator.share) {
       try {
         await navigator.share({
@@ -174,13 +193,25 @@ export default function PodcastDetails(): ReactElement {
             <span className="nav-text">Back to Podcasts</span>
           </button>
           <div className="nav-actions">
-            <button className="nav-action-button" onClick={handleShare} title="Share">
-              <span className="action-icon">🔗</span>
-            </button>
-            <button className="nav-action-button" title="Add to favorites">
-              <span className="action-icon">❤️</span>
-            </button>
-          </div>
+  <button
+    className="nav-action-button"
+    onClick={() => handleShare(podcast)}
+    title="Share"
+  >
+    <span className="action-icon">🔗</span>
+  </button>
+  <button
+    className={`nav-action-button favorite ${isFavorited ? "favorited" : ""}`}
+    title={isFavorited ? "Remove from favorites" : "Add to favorites"}
+    onClick={e => {
+      e.preventDefault();
+      e.stopPropagation();
+      toggleFavorite();
+    }}
+  >
+    <span className="action-icon">{isFavorited ? "❤️" : "🤍"}</span>
+  </button>
+</div>
         </div>
 
         {/* Main Content */}
@@ -247,7 +278,7 @@ export default function PodcastDetails(): ReactElement {
                   </span>
                 </div>
                 <div className="embed-actions">
-                  <button className="embed-action" onClick={handleShare}>
+                  <button className="embed-action" onClick={() => handleShare(podcast)}>
                     <span className="action-icon">📤</span>
                     Share
                   </button>