upgrade: Community Calandar Button

src/components/development-pages/calendar-button.tsx

@@ -8,10 +8,10 @@ export function CalendarButton({ onClick }: CalendarButtonProps) {
   return (
     <button
       onClick={onClick}
-      className="fixed bottom-6 right-6 flex items-center justify-between rounded-full bg-[#1E1E1E] px-5 py-3 text-xs text-white dark:bg-white dark:text-black md:bottom-9 md:right-9 md:text-sm lg:bottom-12 lg:right-12 "
+      className="flex items-center justify-between rounded-full bg-primary/5 dark:border-primary/10 px-5 py-3 text-xs text-primary font-semibold border border-primary md:text-sm "
     >
       <CalendarIcon className="mr-2 h-4 w-4" />
       Community Calendar
     </button>
   );
-}
+}

src/components/development-pages/calendarModal.astro

@@ -0,0 +1,61 @@
+---
+import TimeZoneCalendar from "./time-zone-calendar";
+
+const DEFAULT_CALENDAR_ID =
+  "c_25e5e3748e4c4ab7a55f41fbc5ebebcc0a03b40fb028785f14159bfaebea12e2@group.calendar.google.com";
+
+const calendarUrl = `https://calendar.google.com/calendar/u/0?cid=${encodeURIComponent(DEFAULT_CALENDAR_ID)}`;
+---
+
+<h2 class="text-lg font-semibold md:text-2xl text-gray-900 dark:text-white flex justify-between">
+    Akash Community <br class="md:hidden" /> Groups Calendar
+</h2>
+
+<div class="mt-5 flex flex-col gap-4 rounded-md border bg-background2 p-3 md:max-h-[60vh] md:p-5">
+    <TimeZoneCalendar calendarId={DEFAULT_CALENDAR_ID} />
+ <a
+    href={calendarUrl}
+    class="flex items-center justify-center gap-3 rounded-md bg-[#FFDEDE] py-3 text-sm font-medium text-primary dark:bg-background md:text-base"
+    target="_blank"
+    rel="noopener noreferrer"
+ >
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+    >
+    <path
+      d="M12.5 3.33366V1.66699M12.5 3.33366V5.00033M12.5 3.33366H8.75M2.5 8.33366V15.8337C2.5 16.7542 3.24619 17.5003 4.16667 17.5003H15.8333C16.7538 17.5003 17.5 16.7542 17.5 15.8337V8.33366H2.5Z"
+      stroke="#FF414C"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    ></path>
+    <path
+      d="M2.5 8.33301V4.99967C2.5 4.0792 3.24619 3.33301 4.16667 3.33301H5.83333"
+      stroke="#FF414C"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    ></path>
+    <path
+      d="M5.83594 1.66699V5.00033"
+      stroke="#FF414C"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    ></path>
+    <path
+      d="M17.4974 8.33301V4.99967C17.4974 4.0792 16.7512 3.33301 15.8307 3.33301H15.4141"
+      stroke="#FF414C"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    ></path>
+    </svg>
+      Subscribe to SIG & WG calendar
+  </a>
+</div>

src/components/header/header.astro

@@ -10,6 +10,7 @@ import { DiscordIcon, GithubIcon, TwitterIcon } from "./icons";
 import PopOverCommunity, { SubNavbar } from "./popovers/popover-nav-community";
 import PopOverNavItemNetwork from "./popovers/popover-nav-item";
 import PopOverNavItemEcosystem from "./popovers/popover-nav-item-ecosystem";
+import { CalendarModal } from "../development-pages/calendar-modal";
 const pathname = `/${Astro.url.pathname.split("/")[1]}`;
 
 interface Props {
@@ -173,6 +174,7 @@ const latestRoadmapYear = getYearToUse();
   {
     visibilty.development.includes(pathname) && (
       <SubNavbar pathname={Astro.url.pathname} client:load type="development" />
+      <div class="flex justify-end p-2"><CalendarModal client:load /></div>
     )
   }
   {

src/content/Development_Page/welcome/index.mdx

@@ -8,6 +8,7 @@ import CalenderButton from "../../../components/development-pages/calenderbutton
 import TimeZoneCalendar from "../../../components/development-pages/time-zone-calendar.tsx";
 import Welcome from "../../../components/development-pages/Welcome.astro";
 import GithubButton from "../../../components/mdx-cards/buttons/github-button.astro";
+import Calendar from "../../../components/development-pages/calendarModal.astro";
 
 <Welcome />
 
@@ -17,6 +18,8 @@ This is the starting point for joining and contributing to building Akash Networ
 
 The Akash Network community welcomes contributions from all skill levels. If you’re interested in contributing, visit our [project list](https://github.com/orgs/akash-network/projects) to find a project that matches your skillset.
 
+<Calendar />
+
 ## Community Groups
 
 The Akash Network is supported by a diverse group of users, contributors, and supporters. We strive to improve the project and work together efficiently. We’re proud of our progress over the years. All aspects of the Akash Network - from code to culture - are managed by the community and divided into three programs.

src/pages/development/[...slug].astro

@@ -6,7 +6,6 @@ import { proseClasses } from "@/lib/prose-classes";
 import type { MarkdownHeading } from "astro";
 import { type CollectionEntry, getCollection } from "astro:content";
 import clsx from "clsx";
-import { CalendarModal } from "@/components/development-pages/calendar-modal.tsx";
 
 interface NavItem {
   link: string;
@@ -73,7 +72,6 @@ if (akashInsidersIndex !== -1) {
       <article class={proseClasses}>
         <Content />
       </article>
-      <CalendarModal client:load />
     </div>
   </TopMargin>
 </Layout>