From 549a883c6753ef5edabce404990d23e2b21e1ad1 Mon Sep 17 00:00:00 2001
From: Soham Babrekar <soham.babrekar@gmail.com>
Date: Thu, 14 May 2026 10:52:42 +0530
Subject: [PATCH 1/2] fix: archive CMC Study Group Meeting and update playlist
 link

Signed-off-by: Soham Babrekar <soham.babrekar@gmail.com>
---
 src/sections/Community/Calendar/calendar.style.js | 15 +++++++++++++++
 src/sections/Community/Calendar/index.js          | 12 +++++++++++-
 src/sections/Community/Calendar/meetLinksData.js  |  3 ++-
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/sections/Community/Calendar/calendar.style.js b/src/sections/Community/Calendar/calendar.style.js
index eb04ee9364d7f..930c64029b393 100644
--- a/src/sections/Community/Calendar/calendar.style.js
+++ b/src/sections/Community/Calendar/calendar.style.js
@@ -99,6 +99,21 @@ const CalendarStyleWrapper = styled.div`
             border: calc(var(--fc-daygrid-event-dot-width, 8px) / 3) solid var(--fc-event-border-color, #ffffff)
         }
     }
+    .archived-meetings-section {
+        opacity: 0.6;
+        margin-top: 2rem;
+
+        h2 {
+            text-align: center;
+            margin-bottom: 0.5rem;
+        }
+
+        p {
+            text-align: center;
+            margin-bottom: 1rem;
+            font-style: italic;
+        }
+    }
 `;
 
 export default CalendarStyleWrapper;
diff --git a/src/sections/Community/Calendar/index.js b/src/sections/Community/Calendar/index.js
index 5a983df575228..66365cced043b 100644
--- a/src/sections/Community/Calendar/index.js
+++ b/src/sections/Community/Calendar/index.js
@@ -89,7 +89,8 @@ const Calendar = () => {
     []
   );
 
-  const data = React.useMemo(() => meet_links_data);
+  const data = React.useMemo(() => meet_links_data.filter(m => !m.archived));
+  const archivedData = React.useMemo(() => meet_links_data.filter(m => m.archived));
 
   return (
     <CalendarStyleWrapper>
@@ -132,6 +133,15 @@ const Calendar = () => {
           </div>
         </Container>
         <Table columns={columns} data={data} />
+
+        {archivedData.length > 0 && (
+          <div className="archived-meetings-section">
+            <h2>Archived Meetings</h2>
+            <p>These meeting series have concluded and are no longer active.</p>
+            <Table columns={columns} data={archivedData} />
+          </div>
+        )}
+        
       </div>
       <br />
       <Container>
diff --git a/src/sections/Community/Calendar/meetLinksData.js b/src/sections/Community/Calendar/meetLinksData.js
index 66c0175042b9c..fbf7cfa23e151 100644
--- a/src/sections/Community/Calendar/meetLinksData.js
+++ b/src/sections/Community/Calendar/meetLinksData.js
@@ -33,6 +33,7 @@ export const meet_links_data = [
     slack_link: "https://layer5io.slack.com/archives/CDM0ACDM5",
     meeting_minutes: "https://docs.google.com/document/d/1O0l7eHX5dTkxdTXfebzvkoURnDexKFuw3lw2beUCSYM/edit",
     meeting_link: "https://meet.meshery.io/cmc",
-    meeting_recordings: "https://www.youtube.com/@mesheryio?sub_confirmation=1",
+    meeting_recordings: "https://www.youtube.com/playlist?list=PLutOg_DiPjIYXmTPLWiirlEN_k1VSDgeo",
+    archived: true, //series concluded on May 8th
   }
 ];

From 48946b0016fc8e9326bdd751a281e6056ed02397 Mon Sep 17 00:00:00 2001
From: Soham Babrekar <soham.babrekar@gmail.com>
Date: Thu, 14 May 2026 12:26:54 +0530
Subject: [PATCH 2/2] fix: hide table header in archived meetings section

Signed-off-by: Soham Babrekar <soham.babrekar@gmail.com>
---
 src/components/MeetInfo-Table/index.js   | 18 +++++++++++-------
 src/sections/Community/Calendar/index.js |  4 ++--
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/MeetInfo-Table/index.js b/src/components/MeetInfo-Table/index.js
index b62211fe8c4c9..d640e958e0f8f 100644
--- a/src/components/MeetInfo-Table/index.js
+++ b/src/components/MeetInfo-Table/index.js
@@ -2,7 +2,7 @@ import React from "react";
 import { useTable } from "react-table";
 import { TableWrapper } from "./MeetInfoTable.style";
 
-const Table = ({ columns, data }) => {
+const Table = ({ columns, data, showHeader = true }) => {
   const {
     getTableProps,
     getTableBodyProps,
@@ -16,12 +16,16 @@ const Table = ({ columns, data }) => {
 
   return (
     <TableWrapper>
-      <h1 className="meetings-table-title">
-        <a href="#meetings">Layer5 Meetings</a>
-      </h1>
-      <h3 className="meetings-table-subtitle">
-        Everyone is welcome to join. Engage!
-      </h3>
+      {showHeader && (
+  <>
+    <h1 className="meetings-table-title">
+      <a href="#meetings">Layer5 Meetings</a>
+    </h1>
+    <h3 className="meetings-table-subtitle">
+      Everyone is welcome to join. Engage!
+    </h3>
+  </>
+)}
       <table name="meetings" id="meetings" {...getTableProps()}>
         <thead>
           {headerGroups.map((headerGroup) => (
diff --git a/src/sections/Community/Calendar/index.js b/src/sections/Community/Calendar/index.js
index 66365cced043b..878d8c57cac2b 100644
--- a/src/sections/Community/Calendar/index.js
+++ b/src/sections/Community/Calendar/index.js
@@ -138,10 +138,10 @@ const Calendar = () => {
           <div className="archived-meetings-section">
             <h2>Archived Meetings</h2>
             <p>These meeting series have concluded and are no longer active.</p>
-            <Table columns={columns} data={archivedData} />
+            <Table columns={columns} data={archivedData} showHeader = {false}/>
           </div>
         )}
-        
+
       </div>
       <br />
       <Container>