+
+ }
+
+
+
+ {username}
++ {/* Apply opacity to strong tag if needed, e.g., */} + {message} +
+ + + ); +} diff --git a/src/pages/beta/_components/GitHubEvents/GitHubEvents.tsx b/src/pages/beta/_components/GitHubEvents/GitHubEvents.tsx new file mode 100644 index 0000000..430e019 --- /dev/null +++ b/src/pages/beta/_components/GitHubEvents/GitHubEvents.tsx @@ -0,0 +1,49 @@ +import { Suspense, useState } from "react"; +import GitHubEventsList from "./GitHubEventsList"; // Updated import path +import ErrorBoundary from "./ErrorBoundary"; // Updated import path +import { GitHubIcon } from "./icons"; // Updated import path +import { getRecentEvents } from "./getRecentEvents"; // Updated import path + +// Tailwind classes replacing GitHubEvents.module.css .loader +const Loader = () => ( +
+ {/* Pulse animation using Tailwind */}
+
+);
+
+interface GitHubEventsProps {
+ org: string;
+ sectionID?: string;
+}
+
+export default function GitHubEvents({
+ org,
+ sectionID = "" }: GitHubEventsProps)
+{
+ // NOTE: getRecentEvents must be adapted if it uses browser-specific APIs not available during SSR
+ // For Astro, consider fetching data within an Astro component and passing it as props,
+ // or using techniques like useEffect for client-side fetching if SSR isn't strictly needed for this data.
+ // Assuming getRecentEvents works or is adapted.
+ const [eventsPromise] = useState(() => getRecentEvents(org));
+
+ const handleError = () => {
+ // This relies on DOM manipulation, which might be less ideal in Astro/React.
+ // Consider passing a callback prop or using state management to hide the section.
+ const section = sectionID ? document.getElementById(sectionID) : null;
+
+ if (section) {
+ section.style.display = "none";
+ }
+ };
+
+ return (
+
+
+
+ {canScrollLeft &&
+
+ );
+}
+
+// Add this to your tailwind.config.js or global CSS if you don't have it:
+/*
+@layer utilities {
+ .scrollbar-hide {
+ scrollbar-width: none; // Firefox
+ -ms-overflow-style: none; // IE/Edge
+ &::-webkit-scrollbar {
+ display: none; // Chrome/Safari/Opera
+ }
+ }
+}
+*/
diff --git a/src/pages/beta/_components/GitHubEvents/getRecentEvents.tsx b/src/pages/beta/_components/GitHubEvents/getRecentEvents.tsx
new file mode 100644
index 0000000..c1b4eea
--- /dev/null
+++ b/src/pages/beta/_components/GitHubEvents/getRecentEvents.tsx
@@ -0,0 +1,71 @@
+import { EventProcessors } from "./EventProcessors.tsx";
+
+export type GitHubEvent = {
+ id: string;
+ repo: string;
+ username: string;
+ avatar: string;
+ message: string;
+ tooltip?: string;
+ link: string;
+ timestamp: string;
+};
+
+export async function getRecentEvents(
+ org: string): Promise
+ {events.map((event) =>
+
+ {canScrollRight &&
+
+
+ Virtual Civic Hack Night
++ Not just for techies, success means having volunteers from all across our community! +
++ Everyone is welcome! +
++ Every Wednesday at 6:30pm Pacific +
++ Join us on Zoom + https://c4sf.me/zoom +
+
+
+
+
+
+
+
+{title}
+
+
+ {showOrnament && (
+
+
+ )}
+
+ {recentPosts.map((post) =>
+
+
+- We are a welcoming and inclusive volunteer group of developers, designers, - data geeks, and citizen activists who use creative technology to solve civic - and social problems. -
-- Get Started -
++ Civic
+ Tech +
+ Wed
+ 6:30PM +
Virtual Civic Hack Night
+Not just for techies, success means having volunteers from all across + our community.
+Everyone is welcome!
+
-
-
-
-
-
-
-
+ + Project +
Have an idea to improve community or civic life in San Francisco? We want to hear it.
++ Conversation +
Our Slack workspace is the main hub for communication and collaboration. Introduce yourself!
++ Informed +
Sign up for our newsletter to stay updated on events, projects, and other announcements.
+