Add Open Rounds tab to applicants page and filter round items from listings

- Add new "Open Rounds" tab to /applicants page navigation
- Create /applicants/open-rounds page listing active grant rounds
- Filter AGR26-tagged items from regular RFP and Wishlist listings
- Add getRoundTags() helper to extract round tags from MDX files
- Update getGrantInitiativeItems() to exclude round-tagged items by default

Author: pettinarip

src/components/layout/ApplicantsLayout.tsx

@@ -11,6 +11,7 @@ import {
   APPLICANTS_TABS_MAP,
   APPLICANTS_URL,
   GRANTEE_FINANCE_URL,
+  OPEN_ROUNDS_URL,
   OFFICE_HOURS_URL,
   WISHLIST_URL,
   RFP_URL
@@ -26,18 +27,22 @@ const getTabIndexFromPath = (pathname: string): number => {
     return APPLICANTS_TABS_MAP[pathname];
   }
 
-  if (pathname.startsWith('/applicants/office-hours')) {
+  if (pathname.startsWith('/applicants/open-rounds')) {
     return 1;
   }
 
-  if (pathname.startsWith('/applicants/wishlist')) {
+  if (pathname.startsWith('/applicants/office-hours')) {
     return 2;
   }
 
-  if (pathname.startsWith('/applicants/rfp')) {
+  if (pathname.startsWith('/applicants/wishlist')) {
     return 3;
   }
 
+  if (pathname.startsWith('/applicants/rfp')) {
+    return 4;
+  }
+
   if (pathname.startsWith('/applicants')) {
     return 0;
   }
@@ -72,7 +77,7 @@ export const ApplicantsLayout = ({ children }: Props) => {
       case 1:
         router.push(
           {
-            pathname: OFFICE_HOURS_URL
+            pathname: OPEN_ROUNDS_URL
           },
           undefined,
           { scroll: false }
@@ -82,14 +87,24 @@ export const ApplicantsLayout = ({ children }: Props) => {
       case 2:
         router.push(
           {
-            pathname: WISHLIST_URL
+            pathname: OFFICE_HOURS_URL
           },
           undefined,
           { scroll: false }
         );
         break;
 
       case 3:
+        router.push(
+          {
+            pathname: WISHLIST_URL
+          },
+          undefined,
+          { scroll: false }
+        );
+        break;
+
+      case 4:
         router.push(
           {
             pathname: RFP_URL

src/constants.ts

@@ -53,6 +53,12 @@ export const SIDEBAR_RFP_LINKS: SidebarLink[] = [
   { text: 'Apply', href: `${RFP_URL}/#apply` }
 ];
 
+export const OPEN_ROUNDS_URL = '/applicants/open-rounds';
+export const SIDEBAR_OPEN_ROUNDS_LINKS: SidebarLink[] = [
+  { text: 'Summary', href: `${OPEN_ROUNDS_URL}/#description` },
+  { text: 'Active Rounds', href: `${OPEN_ROUNDS_URL}/#active-rounds` }
+];
+
 // rounds
 export const ROUNDS_URL = '/rounds';
 
@@ -120,18 +126,19 @@ export const REMIX_LABS_URL = 'https://remix-project.org/';
 export const POWDR_LABS_URL = 'https://www.powdr.org/';
 
 // applicants tabs
-export const APPLICANTS_TABS = ['Overview', 'Office Hours', 'Wishlist', 'RFPs'];
+export const APPLICANTS_TABS = ['Overview', 'Open Rounds', 'Office Hours', 'Wishlist', 'RFPs'];
 export const APPLICANTS_TABS_MAP: TabsMap = {
   [APPLICANTS_URL]: 0,
-  [OFFICE_HOURS_URL]: 1,
-  [OFFICE_HOURS_APPLY_URL]: 1,
-  [OFFICE_HOURS_THANK_YOU_PAGE_URL]: 1,
-  [WISHLIST_URL]: 2,
-  [WISHLIST_APPLY_URL]: 2,
-  [WISHLIST_THANK_YOU_PAGE_URL]: 2,
-  [RFP_URL]: 3,
-  [RFP_APPLY_URL]: 3,
-  [RFP_THANK_YOU_PAGE_URL]: 3
+  [OPEN_ROUNDS_URL]: 1,
+  [OFFICE_HOURS_URL]: 2,
+  [OFFICE_HOURS_APPLY_URL]: 2,
+  [OFFICE_HOURS_THANK_YOU_PAGE_URL]: 2,
+  [WISHLIST_URL]: 3,
+  [WISHLIST_APPLY_URL]: 3,
+  [WISHLIST_THANK_YOU_PAGE_URL]: 3,
+  [RFP_URL]: 4,
+  [RFP_APPLY_URL]: 4,
+  [RFP_THANK_YOU_PAGE_URL]: 4
 };
 
 // about tabs

src/lib/sf/index.ts

@@ -1,11 +1,42 @@
 import fs from 'fs';
+import path from 'path';
 import jsforce from 'jsforce';
 import jwt from 'jsonwebtoken';
+import matter from 'gray-matter';
 import type { File } from 'formidable';
 
 import { GrantInitiative, GrantInitiativeSalesforceRecord, GrantInitiativeType } from '../../types';
 import { truncateString } from '../../utils/truncateString';
 
+/**
+ * Get all tags used by rounds (e.g., "AGR26")
+ * These tags should be excluded from regular RFP/Wishlist listings
+ */
+function getRoundTags(): string[] {
+  const roundsDirectory = path.join(process.cwd(), 'content/rounds');
+
+  if (!fs.existsSync(roundsDirectory)) {
+    return [];
+  }
+
+  const files = fs.readdirSync(roundsDirectory);
+  const tags: string[] = [];
+
+  for (const file of files) {
+    if (file.endsWith('.mdx')) {
+      const filePath = path.join(roundsDirectory, file);
+      const fileContents = fs.readFileSync(filePath, 'utf8');
+      const { data } = matter(fileContents);
+
+      if (data.tag) {
+        tags.push(data.tag);
+      }
+    }
+  }
+
+  return tags;
+}
+
 const {
   SF_PROD_LOGIN_URL,
   SF_PROD_USERNAME,
@@ -163,9 +194,14 @@ const transformGrantInitiativeRecords = (
 /**
  * Get all active grant initiative items
  * @param type - The type of grant initiative (Wishlist, RFP)
+ * @param options - Optional configuration
+ * @param options.excludeRoundItems - If true, excludes items that belong to grant rounds (default: true)
  * @returns Promise with the grant initiative items
  */
-export function getGrantInitiativeItems(type?: GrantInitiativeType) {
+export function getGrantInitiativeItems(
+  type?: GrantInitiativeType,
+  options: { excludeRoundItems?: boolean } = { excludeRoundItems: true }
+) {
   return new Promise<GrantInitiative[]>(async (resolve, reject) => {
     const conn = createConnection();
 
@@ -186,7 +222,23 @@ export function getGrantInitiativeItems(type?: GrantInitiativeType) {
             return reject(err);
           }
 
-          return resolve(transformGrantInitiativeRecords(ret));
+          let records = ret;
+
+          // Filter out items that belong to grant rounds
+          if (options.excludeRoundItems !== false) {
+            const roundTags = getRoundTags();
+
+            if (roundTags.length > 0) {
+              records = ret.filter(record => {
+                if (!record.Tags__c) return true;
+                const itemTags = record.Tags__c.split(';').map(t => t.trim());
+                // Exclude if any of the item's tags match a round tag
+                return !itemTags.some(tag => roundTags.includes(tag));
+              });
+            }
+          }
+
+          return resolve(transformGrantInitiativeRecords(records));
         });
     } catch (error) {
       return reject(error);

src/pages/applicants/open-rounds/index.tsx

@@ -0,0 +1,146 @@
+import { Box, Flex, Stack, Text, Badge } from '@chakra-ui/react';
+import { useInView } from 'react-intersection-observer';
+import type { GetStaticProps, NextPage } from 'next';
+
+import {
+  ApplicantsSidebar,
+  PageSection,
+  PageSubheading,
+  PageText,
+  PageMetadata
+} from '../../../components/UI';
+
+import { ButtonLink } from '../../../components';
+import { SIDEBAR_OPEN_ROUNDS_LINKS, ROUNDS_URL } from '../../../constants';
+import { getActiveRounds } from '../../../lib/rounds';
+import { RoundFrontmatter } from '../../../types';
+
+interface OpenRoundsProps {
+  activeRounds: RoundFrontmatter[];
+}
+
+const RoundCard = ({ round }: { round: RoundFrontmatter }) => {
+  const { slug, name, description, itemType, endDate } = round;
+  const roundUrl = `${ROUNDS_URL}/${slug}`;
+
+  // Format the end date
+  const formattedEndDate = new Date(endDate).toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric'
+  });
+
+  return (
+    <Stack
+      borderRadius='10px'
+      bgGradient='linear(to-br, brand.ready.bgGradient.start 10%, brand.ready.bgGradient.end 100%)'
+      w='100%'
+      justifyContent='center'
+    >
+      <Flex
+        alignItems='center'
+        justifyContent='space-between'
+        direction={{ base: 'column', md: 'row' }}
+        px={{ base: 6, lg: 12 }}
+        py={10}
+      >
+        <Stack mb={{ base: 6, md: 0 }} mr={{ base: 0, md: 12 }} flex={1}>
+          <Flex alignItems='center' gap={3} mb={2}>
+            <Text
+              as='h3'
+              fontSize='xl'
+              fontWeight='bold'
+              color='brand.heading'
+              textAlign={{ base: 'center', md: 'left' }}
+            >
+              {name}
+            </Text>
+            <Badge colorScheme='green' fontSize='xs'>
+              {itemType}
+            </Badge>
+          </Flex>
+
+          <PageText mb={2}>{description}</PageText>
+
+          <Text fontSize='sm' color='gray.600'>
+            Applications close: {formattedEndDate}
+          </Text>
+        </Stack>
+
+        <Stack>
+          <ButtonLink label='View &amp; Apply' link={roundUrl} width='200px' />
+        </Stack>
+      </Flex>
+    </Stack>
+  );
+};
+
+const OpenRounds: NextPage<OpenRoundsProps> = ({ activeRounds }) => {
+  const [ref, inView] = useInView({ threshold: 0.5 });
+  const [ref2, inView2] = useInView({ threshold: 0, initialInView: false });
+
+  return (
+    <>
+      <PageMetadata
+        title='Open Rounds'
+        description='Browse active grant rounds and special funding opportunities from the Ethereum Ecosystem Support Program.'
+      />
+
+      <Box bg='white' position='relative' py={{ md: 12 }}>
+        <Flex>
+          <ApplicantsSidebar
+            sidebarLinks={SIDEBAR_OPEN_ROUNDS_LINKS}
+            sectionsInView={[inView, inView2]}
+          />
+
+          <Box w={{ lg: '70%' }} px={{ md: 20 }} pr={{ lg: 12 }}>
+            <Stack mb={8}>
+              <section id='description' ref={ref}>
+                <PageSubheading mb={8}>Open Rounds</PageSubheading>
+
+                <PageText>
+                  Grant rounds are time-limited funding opportunities focused on specific themes or
+                  areas of interest. Each round has its own application deadline and selection
+                  criteria. Browse active rounds below to find opportunities that match your
+                  expertise.
+                </PageText>
+              </section>
+            </Stack>
+
+            <Stack spacing={10}>
+              <section id='active-rounds' ref={ref2}>
+                <PageSection mb={6}>Active Rounds</PageSection>
+
+                {activeRounds.length > 0 ? (
+                  <Stack spacing={6}>
+                    {activeRounds.map(round => (
+                      <RoundCard key={round.slug} round={round} />
+                    ))}
+                  </Stack>
+                ) : (
+                  <PageText color='gray.600'>
+                    There are no active grant rounds at this time. Please check back later or
+                    explore our Wishlist and RFP opportunities.
+                  </PageText>
+                )}
+              </section>
+            </Stack>
+          </Box>
+        </Flex>
+      </Box>
+    </>
+  );
+};
+
+export const getStaticProps: GetStaticProps<OpenRoundsProps> = async () => {
+  const activeRounds = getActiveRounds();
+
+  return {
+    props: {
+      activeRounds
+    },
+    revalidate: 3600 // Revalidate every hour (3600 seconds)
+  };
+};
+
+export default OpenRounds;