From 02e1a2ee54899af292971d2203aa37a80cd55d92 Mon Sep 17 00:00:00 2001
From: Megha-Dev-19 <100185149+Megha-Dev-19@users.noreply.github.com>
Date: Thu, 1 Aug 2024 19:54:06 +0530
Subject: [PATCH] move all props to one file

---
 instances/devhub.near/widget/app.jsx          | 13 ++-
 instances/devhub.near/widget/config/css.jsx   |  6 +-
 instances/devhub.near/widget/config/data.jsx  | 97 +++++++++++++++++++
 instances/devhub.near/widget/config/theme.jsx |  5 +
 .../widget/devhub/entity/proposal/Feed.jsx    | 92 +++++++-----------
 .../widget/devhub/page/proposals.jsx          | 88 -----------------
 .../events-committee.near/widget/app.jsx      | 13 ++-
 .../widget/config/css.jsx                     |  6 +-
 .../widget/config/data.jsx                    | 52 ++++++++++
 .../widget/config/theme.jsx                   |  5 +
 .../widget/devhub/page/proposals.jsx          | 45 ---------
 .../widget/app.jsx                            | 14 ++-
 .../widget/components/proposals/Proposals.jsx | 27 ------
 .../widget/config/css.jsx                     |  6 +-
 .../widget/config/data.jsx                    | 71 ++++++++++++++
 .../widget/config/theme.jsx                   |  5 +
 16 files changed, 302 insertions(+), 243 deletions(-)
 create mode 100644 instances/devhub.near/widget/config/data.jsx
 create mode 100644 instances/devhub.near/widget/config/theme.jsx
 create mode 100644 instances/events-committee.near/widget/config/data.jsx
 create mode 100644 instances/events-committee.near/widget/config/theme.jsx
 create mode 100644 instances/infrastructure-committee.near/widget/config/data.jsx
 create mode 100644 instances/infrastructure-committee.near/widget/config/theme.jsx

diff --git a/instances/devhub.near/widget/app.jsx b/instances/devhub.near/widget/app.jsx
index 902d85462..be0619899 100644
--- a/instances/devhub.near/widget/app.jsx
+++ b/instances/devhub.near/widget/app.jsx
@@ -14,9 +14,10 @@ const { AppLayout } = VM.require(
   "${REPL_DEVHUB}/widget/devhub.components.templates.AppLayout"
 );
 
-const { Theme } = VM.require("${REPL_DEVHUB}/widget/config.css");
+const { CssContainer } = VM.require("${REPL_DEVHUB}/widget/config.css");
+const { Theme } = VM.require("${REPL_DEVHUB}/widget/config.theme");
 
-if (!AppLayout || !Theme) {
+if (!AppLayout || !Theme || !CssContainer) {
   return <p>Loading modules...</p>;
 }
 
@@ -241,8 +242,10 @@ function Page() {
 
 return (
   <Theme>
-    <AppLayout page={page}>
-      <Page />
-    </AppLayout>
+    <CssContainer>
+      <AppLayout page={page}>
+        <Page />
+      </AppLayout>
+    </CssContainer>
   </Theme>
 );
diff --git a/instances/devhub.near/widget/config/css.jsx b/instances/devhub.near/widget/config/css.jsx
index 3c8341fcf..56ba8b991 100644
--- a/instances/devhub.near/widget/config/css.jsx
+++ b/instances/devhub.near/widget/config/css.jsx
@@ -1,6 +1,4 @@
-const Theme = styled.div`
-  --theme-color: rgb(4, 164, 110);
-
+const CssContainer = styled.div`
   .theme-btn {
     background-color: var(--theme-color) !important;
     border: none;
@@ -25,4 +23,4 @@ const Theme = styled.div`
   }
 `;
 
-return { Theme };
+return { CssContainer };
diff --git a/instances/devhub.near/widget/config/data.jsx b/instances/devhub.near/widget/config/data.jsx
new file mode 100644
index 000000000..ce40e902a
--- /dev/null
+++ b/instances/devhub.near/widget/config/data.jsx
@@ -0,0 +1,97 @@
+const proposalFeedAnnouncement = (
+  <div className="text-muted bg-grey text-sm mt-2 p-3 rounded-3">
+    <p className="d-flex gap-3 align-items-center mb-0">
+      <div>
+        <i class="bi bi-info-circle"></i>
+      </div>
+      <div>
+        <span className="fw-bold">
+          Welcome to
+          <a
+            href="?page=community&handle=developer-dao&tab=overview"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            DevDAO’s New Proposal Feed!
+          </a>
+        </span>
+        This dedicated space replaces the
+        <a
+          href="?page=feed"
+          className="text-decoration-underline no-space"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          old activity feed
+        </a>
+        , making it easier to submit and track funding requests from DevDAO, the
+        primary organization behind DevHub. To submit a formal proposal, click
+        New Proposal. See our{" "}
+        <a
+          href="?page=community&handle=developer-dao&tab=funding"
+          className="text-decoration-underline no-space"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          guidelines
+        </a>
+        for details. For discussions and brainstorming, please utilize the
+        relevant{" "}
+        <a
+          href="?page=communities"
+          className="text-decoration-underline no-space"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          communities
+        </a>
+        .
+      </div>
+    </p>
+  </div>
+);
+
+const categoryOptions = [
+  {
+    title: "DevDAO Operations",
+    value: "DevDAO Operations",
+  },
+  {
+    title: "DevDAO Platform",
+    value: "DevDAO Platform",
+  },
+  {
+    title: "Events & Hackathons",
+    value: "Events & Hackathons",
+  },
+  {
+    title: "Engagement & Awareness",
+    value: "Engagement & Awareness",
+  },
+  {
+    title: "Decentralized DevRel",
+    value: "Decentralized DevRel",
+  },
+  {
+    title: "Universities & Bootcamps",
+    value: "Universities & Bootcamps",
+  },
+  {
+    title: "Tooling & Infrastructure",
+    value: "Tooling & Infrastructure",
+  },
+  {
+    title: "Other",
+    value: "Other",
+  },
+];
+
+return {
+  contract: "devhub.near",
+  proposalFeedIndexerQueryName:
+    "polyprogrammist_near_devhub_prod_v1_proposals_with_latest_snapshot",
+  indexerHasuraRole: "polyprogrammist_near",
+  isDevhub: true,
+  proposalFeedAnnouncement,
+  availableCategoryOptions: categoryOptions,
+};
diff --git a/instances/devhub.near/widget/config/theme.jsx b/instances/devhub.near/widget/config/theme.jsx
new file mode 100644
index 000000000..b5432c913
--- /dev/null
+++ b/instances/devhub.near/widget/config/theme.jsx
@@ -0,0 +1,5 @@
+const Theme = styled.div`
+  --theme-color: rgb(4, 164, 110);
+`;
+
+return { Theme };
diff --git a/instances/devhub.near/widget/devhub/entity/proposal/Feed.jsx b/instances/devhub.near/widget/devhub/entity/proposal/Feed.jsx
index 602c13443..17455a438 100644
--- a/instances/devhub.near/widget/devhub/entity/proposal/Feed.jsx
+++ b/instances/devhub.near/widget/devhub/entity/proposal/Feed.jsx
@@ -3,43 +3,27 @@ const { href } = VM.require("${REPL_DEVHUB}/widget/core.lib.url") || {
 };
 
 const instance = props.instance ?? "";
-const availableCategoryOptions = props.availableCategoryOptions ?? [];
-const announcement = props.announcement ?? <></>;
-
-let contract = "";
-let rfpFeedIndexerQueryName = "";
-let proposalFeedIndexerQueryName = "";
-let indexerHasuraRole = "";
-let isDevhub = false;
-let isInfra = false;
-let isEvents = false;
-
-switch (instance) {
-  case "infrastructure-committee.near": {
-    contract = instance;
-    rfpFeedIndexerQueryName =
-      "polyprogrammist_near_devhub_ic_v1_rfps_with_latest_snapshot";
-    proposalFeedIndexerQueryName =
-      "polyprogrammist_near_devhub_ic_v1_proposals_with_latest_snapshot";
-    indexerHasuraRole = "polyprogrammist_near";
-    isInfra = true;
-    break;
-  }
-  case "events-committee.near": {
-    contract = instance;
-    proposalFeedIndexerQueryName =
-      "thomasguntenaar_near_event_committee_prod_v1_proposals_with_latest_snapshot";
-    indexerHasuraRole = "thomasguntenaar_near";
-    isEvents = true;
-    break;
-  }
-  default: {
-    contract = instance;
-    proposalFeedIndexerQueryName =
-      "polyprogrammist_near_devhub_prod_v1_proposals_with_latest_snapshot";
-    indexerHasuraRole = "polyprogrammist_near";
-    isDevhub = true;
-  }
+
+const {
+  contract,
+  rfpFeedIndexerQueryName,
+  proposalFeedAnnouncement,
+  availableCategoryOptions,
+  proposalFeedIndexerQueryName,
+  indexerHasuraRole,
+  isDevhub,
+  isInfra,
+  isEvents,
+} = VM.require(`${instance}/widget/config.data`);
+
+const loader = (
+  <div className="d-flex justify-content-center align-items-center w-100">
+    <Widget src={"${REPL_DEVHUB}/widget/devhub.components.molecule.Spinner"} />
+  </div>
+);
+
+if (!contract) {
+  return loader;
 }
 
 function isNumber(v) {
@@ -485,14 +469,6 @@ const FeedPage = () => {
     });
   };
 
-  const loader = (
-    <div className="d-flex justify-content-center align-items-center w-100">
-      <Widget
-        src={"${REPL_DEVHUB}/widget/devhub.components.molecule.Spinner"}
-      />
-    </div>
-  );
-
   useEffect(() => {
     const handler = setTimeout(() => {
       fetchProposals();
@@ -537,17 +513,19 @@ const FeedPage = () => {
             }}
           />
           <div className="d-flex gap-4 align-items-center">
-            <Widget
-              src={
-                "${REPL_DEVHUB}/widget/devhub.feature.proposal-search.by-category"
-              }
-              props={{
-                categoryOptions: availableCategoryOptions,
-                onStateChange: (select) => {
-                  State.update({ category: select.value });
-                },
-              }}
-            />
+            {!isInfra && (
+              <Widget
+                src={
+                  "${REPL_DEVHUB}/widget/devhub.feature.proposal-search.by-category"
+                }
+                props={{
+                  categoryOptions: availableCategoryOptions,
+                  onStateChange: (select) => {
+                    State.update({ category: select.value });
+                  },
+                }}
+              />
+            )}
             <Widget
               src={
                 "${REPL_DEVHUB}/widget/devhub.feature.proposal-search.by-stage"
@@ -601,7 +579,7 @@ const FeedPage = () => {
         ) : (
           <div className="card no-border rounded-0 mt-4 py-3 full-width-div">
             <div className="container-xl">
-              {announcement}
+              {proposalFeedAnnouncement}
               <div className="mt-4 border rounded-2">
                 {state.aggregatedCount === 0 ? (
                   <div class="alert alert-danger m-2" role="alert">
diff --git a/instances/devhub.near/widget/devhub/page/proposals.jsx b/instances/devhub.near/widget/devhub/page/proposals.jsx
index 635bc388d..bc53a07e5 100644
--- a/instances/devhub.near/widget/devhub/page/proposals.jsx
+++ b/instances/devhub.near/widget/devhub/page/proposals.jsx
@@ -1,96 +1,8 @@
-const announcement = (
-  <div className="text-muted bg-grey text-sm mt-2 p-3 rounded-3">
-    <p className="d-flex gap-3 align-items-center mb-0">
-      <div>
-        <i class="bi bi-info-circle"></i>
-      </div>
-      <div>
-        <span className="fw-bold">
-          Welcome to
-          <a
-            href="?page=community&handle=developer-dao&tab=overview"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            DevDAO’s New Proposal Feed!
-          </a>
-        </span>
-        This dedicated space replaces the
-        <a
-          href="?page=feed"
-          className="text-decoration-underline no-space"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          old activity feed
-        </a>
-        , making it easier to submit and track funding requests from DevDAO, the
-        primary organization behind DevHub. To submit a formal proposal, click
-        New Proposal. See our{" "}
-        <a
-          href="?page=community&handle=developer-dao&tab=funding"
-          className="text-decoration-underline no-space"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          guidelines
-        </a>
-        for details. For discussions and brainstorming, please utilize the
-        relevant{" "}
-        <a
-          href="?page=communities"
-          className="text-decoration-underline no-space"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          communities
-        </a>
-        .
-      </div>
-    </p>
-  </div>
-);
-const categoryOptions = [
-  {
-    title: "DevDAO Operations",
-    value: "DevDAO Operations",
-  },
-  {
-    title: "DevDAO Platform",
-    value: "DevDAO Platform",
-  },
-  {
-    title: "Events & Hackathons",
-    value: "Events & Hackathons",
-  },
-  {
-    title: "Engagement & Awareness",
-    value: "Engagement & Awareness",
-  },
-  {
-    title: "Decentralized DevRel",
-    value: "Decentralized DevRel",
-  },
-  {
-    title: "Universities & Bootcamps",
-    value: "Universities & Bootcamps",
-  },
-  {
-    title: "Tooling & Infrastructure",
-    value: "Tooling & Infrastructure",
-  },
-  {
-    title: "Other",
-    value: "Other",
-  },
-];
 return (
   <Widget
     src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Feed"}
     props={{
       instance: "devhub.near",
-      announcement,
-      availableCategoryOptions: categoryOptions,
     }}
   />
 );
diff --git a/instances/events-committee.near/widget/app.jsx b/instances/events-committee.near/widget/app.jsx
index ffd22fb97..e873d793d 100644
--- a/instances/events-committee.near/widget/app.jsx
+++ b/instances/events-committee.near/widget/app.jsx
@@ -14,9 +14,10 @@ const { AppLayout } = VM.require(
   "${REPL_EVENTS}/widget/devhub.components.templates.AppLayout"
 );
 
-const { Theme } = VM.require("${REPL_EVENTS}/widget/config.css");
+const { Theme } = VM.require("${REPL_EVENTS}/widget/config.theme");
+const { CssContainer } = VM.require("${REPL_EVENTS}/widget/config.css");
 
-if (!AppLayout || !Theme) {
+if (!AppLayout || !Theme || !CssContainer) {
   return <p>Loading modules...</p>;
 }
 
@@ -92,8 +93,10 @@ function Page() {
 
 return (
   <Theme>
-    <AppLayout page={page}>
-      <Page />
-    </AppLayout>
+    <CssContainer>
+      <AppLayout page={page}>
+        <Page />
+      </AppLayout>
+    </CssContainer>
   </Theme>
 );
diff --git a/instances/events-committee.near/widget/config/css.jsx b/instances/events-committee.near/widget/config/css.jsx
index da3b91768..394c3acf3 100644
--- a/instances/events-committee.near/widget/config/css.jsx
+++ b/instances/events-committee.near/widget/config/css.jsx
@@ -1,6 +1,4 @@
-const Theme = styled.div`
-  --theme-color: rgb(3, 186, 22);
-
+const CssContainer = styled.div`
   .theme-btn {
     background-color: var(--theme-color) !important;
     border: none;
@@ -16,4 +14,4 @@ const Theme = styled.div`
   }
 `;
 
-return { Theme };
+return { CssContainer };
diff --git a/instances/events-committee.near/widget/config/data.jsx b/instances/events-committee.near/widget/config/data.jsx
new file mode 100644
index 000000000..b16e70e46
--- /dev/null
+++ b/instances/events-committee.near/widget/config/data.jsx
@@ -0,0 +1,52 @@
+const proposalFeedAnnouncement = (
+  <div className="text-muted bg-grey text-sm mt-2 p-3 rounded-3">
+    <p className="d-flex gap-3 align-items-center mb-0">
+      <div>
+        <i class="bi bi-info-circle"></i>
+      </div>
+      <div>
+        <span className="fw-bold">
+          Welcome to the Events Committee Proposal Feed!
+        </span>
+        This dedicated space makes it easy to submit and track funding proposals
+        from the Events Committee, the cross-team organization responsible for
+        hosting and sponsoring developer-focused events. You are welcome to
+        respond to any RFPs that are accepting submissions or submit an
+        independent proposal.
+      </div>
+    </p>
+  </div>
+);
+
+const categoryOptions = [
+  { title: "Bounty", value: "Bounty", color: [124, 102, 220] },
+  {
+    title: "Bounty booster",
+    value: "Bounty booster",
+    color: [220, 194, 102],
+  },
+  { title: "Hackathon", value: "Hackathon", color: [4, 164, 110] },
+  { title: "Hackbox", value: "Hackbox", color: [220, 102, 102] },
+  {
+    title: "Event sponsorship",
+    value: "Event sponsorship",
+    color: [13, 174, 187],
+  },
+  { title: "Meetup", value: "Meetup", color: [220, 152, 102] },
+  {
+    title: "Travel expenses",
+    value: "Travel expenses",
+    color: [211, 102, 220],
+  },
+  { title: "Other", value: "Other", color: [155, 161, 166] },
+];
+
+return {
+  contract: "events-committee.near",
+  proposalFeedIndexerQueryName:
+    "thomasguntenaar_near_event_committee_prod_v1_proposals_with_latest_snapshot",
+  indexerHasuraRole: "thomasguntenaar_near",
+  isEvents: true,
+  proposalFeedAnnouncement,
+  availableCategoryOptions: categoryOptions,
+};
diff --git a/instances/events-committee.near/widget/config/theme.jsx b/instances/events-committee.near/widget/config/theme.jsx
new file mode 100644
index 000000000..2d4b5c023
--- /dev/null
+++ b/instances/events-committee.near/widget/config/theme.jsx
@@ -0,0 +1,5 @@
+const Theme = styled.div`
+  --theme-color: rgb(3, 186, 22);
+`;
+
+return { Theme };
diff --git a/instances/events-committee.near/widget/devhub/page/proposals.jsx b/instances/events-committee.near/widget/devhub/page/proposals.jsx
index 0603bed0c..3b4a79dec 100644
--- a/instances/events-committee.near/widget/devhub/page/proposals.jsx
+++ b/instances/events-committee.near/widget/devhub/page/proposals.jsx
@@ -1,53 +1,8 @@
-const announcement = (
-  <div className="text-muted bg-grey text-sm mt-2 p-3 rounded-3">
-    <p className="d-flex gap-3 align-items-center mb-0">
-      <div>
-        <i class="bi bi-info-circle"></i>
-      </div>
-      <div>
-        <span className="fw-bold">
-          Welcome to the Events Committee Proposal Feed!
-        </span>
-        This dedicated space makes it easy to submit and track funding proposals
-        from the Events Committee, the cross-team organization responsible for
-        hosting and sponsoring developer-focused events. You are welcome to
-        respond to any RFPs that are accepting submissions or submit an
-        independent proposal.
-      </div>
-    </p>
-  </div>
-);
-
-const labels = [
-  { title: "Bounty", value: "Bounty", color: [124, 102, 220] },
-  {
-    title: "Bounty booster",
-    value: "Bounty booster",
-    color: [220, 194, 102],
-  },
-  { title: "Hackathon", value: "Hackathon", color: [4, 164, 110] },
-  { title: "Hackbox", value: "Hackbox", color: [220, 102, 102] },
-  {
-    title: "Event sponsorship",
-    value: "Event sponsorship",
-    color: [13, 174, 187],
-  },
-  { title: "Meetup", value: "Meetup", color: [220, 152, 102] },
-  {
-    title: "Travel expenses",
-    value: "Travel expenses",
-    color: [211, 102, 220],
-  },
-  { title: "Other", value: "Other", color: [155, 161, 166] },
-];
-
 return (
   <Widget
     src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Feed"}
     props={{
       instance: "events-committee.near",
-      announcement: announcement,
-      availableCategoryOptions: labels,
     }}
   />
 );
diff --git a/instances/infrastructure-committee.near/widget/app.jsx b/instances/infrastructure-committee.near/widget/app.jsx
index 6dd2772d7..a808c2b8a 100644
--- a/instances/infrastructure-committee.near/widget/app.jsx
+++ b/instances/infrastructure-committee.near/widget/app.jsx
@@ -11,10 +11,14 @@ const { AppLayout } = VM.require(
 );
 
 const { Theme } = VM.require(
+  `${REPL_INFRASTRUCTURE_COMMITTEE}/widget/config.theme`
+);
+
+const { CssContainer } = VM.require(
   `${REPL_INFRASTRUCTURE_COMMITTEE}/widget/config.css`
 );
 
-if (!AppLayout || !Theme) {
+if (!AppLayout || !Theme || !CssContainer) {
   return <p>Loading modules...</p>;
 }
 
@@ -109,8 +113,10 @@ function Page() {
 
 return (
   <Theme>
-    <AppLayout page={page}>
-      <Page />
-    </AppLayout>
+    <CssContainer>
+      <AppLayout page={page}>
+        <Page />
+      </AppLayout>
+    </CssContainer>
   </Theme>
 );
diff --git a/instances/infrastructure-committee.near/widget/components/proposals/Proposals.jsx b/instances/infrastructure-committee.near/widget/components/proposals/Proposals.jsx
index b1d213a88..eb97875f5 100644
--- a/instances/infrastructure-committee.near/widget/components/proposals/Proposals.jsx
+++ b/instances/infrastructure-committee.near/widget/components/proposals/Proposals.jsx
@@ -1,35 +1,8 @@
-const { getGlobalLabels } = VM.require(
-  `${REPL_INFRASTRUCTURE_COMMITTEE}/widget/components.core.lib.contract`
-) || { getGlobalLabels: () => {} };
-
-const announcement = (
-  <div className="bg-blue text-sm mt-2 p-3 rounded-3">
-    <p className="d-flex gap-3 align-items-center mb-0">
-      <div>
-        <i className="bi bi-info-circle"></i>
-      </div>
-      <div>
-        <span className="fw-bold">
-          Welcome to the Infrastructure Committee Proposal Feed!
-        </span>
-        This dedicated space makes it easy to submit and track funding proposals
-        from the Infrastructure Committee, the primary organization overseeing
-        improvements pertaining to wallets, indexers, RPC services, explorers,
-        oracles, bridges, NEAR Protocol features, and related ecosystem
-        upgrades. You are welcome to respond to any RFPs that are accepting
-        submissions or submit an independent proposal.
-      </div>
-    </p>
-  </div>
-);
-
 return (
   <Widget
     src={"${REPL_DEVHUB}/widget/devhub.entity.proposal.Feed"}
     props={{
       instance: "infrastructure-committee.near",
-      announcement: announcement,
-      availableCategoryOptions: getGlobalLabels(),
     }}
   />
 );
diff --git a/instances/infrastructure-committee.near/widget/config/css.jsx b/instances/infrastructure-committee.near/widget/config/css.jsx
index 40cd90bbc..4925f7dfe 100644
--- a/instances/infrastructure-committee.near/widget/config/css.jsx
+++ b/instances/infrastructure-committee.near/widget/config/css.jsx
@@ -1,6 +1,4 @@
-const Theme = styled.div`
-  --theme-color: rgb(60, 105, 125);
-
+const CssContainer = styled.div`
   .theme-btn {
     background-color: var(--theme-color) !important;
     border: none;
@@ -21,4 +19,4 @@ const Theme = styled.div`
   }
 `;
 
-return { Theme };
+return { CssContainer };
diff --git a/instances/infrastructure-committee.near/widget/config/data.jsx b/instances/infrastructure-committee.near/widget/config/data.jsx
new file mode 100644
index 000000000..b1a84eaa2
--- /dev/null
+++ b/instances/infrastructure-committee.near/widget/config/data.jsx
@@ -0,0 +1,71 @@
+const { getGlobalLabels } = VM.require(
+  `${REPL_INFRASTRUCTURE_COMMITTEE}/widget/components.core.lib.contract`
+) || { getGlobalLabels: () => {} };
+
+const proposalFeedAnnouncement = (
+  <div className="bg-blue text-sm mt-2 p-3 rounded-3">
+    <p className="d-flex gap-3 align-items-center mb-0">
+      <div>
+        <i className="bi bi-info-circle"></i>
+      </div>
+      <div>
+        <span className="fw-bold">
+          Welcome to the Infrastructure Committee Proposal Feed!
+        </span>
+        This dedicated space makes it easy to submit and track funding proposals
+        from the Infrastructure Committee, the primary organization overseeing
+        improvements pertaining to wallets, indexers, RPC services, explorers,
+        oracles, bridges, NEAR Protocol features, and related ecosystem
+        upgrades. You are welcome to respond to any RFPs that are accepting
+        submissions or submit an independent proposal.
+      </div>
+    </p>
+  </div>
+);
+
+const categoryOptions = [
+  {
+    title: "DevDAO Operations",
+    value: "DevDAO Operations",
+  },
+  {
+    title: "DevDAO Platform",
+    value: "DevDAO Platform",
+  },
+  {
+    title: "Events & Hackathons",
+    value: "Events & Hackathons",
+  },
+  {
+    title: "Engagement & Awareness",
+    value: "Engagement & Awareness",
+  },
+  {
+    title: "Decentralized DevRel",
+    value: "Decentralized DevRel",
+  },
+  {
+    title: "Universities & Bootcamps",
+    value: "Universities & Bootcamps",
+  },
+  {
+    title: "Tooling & Infrastructure",
+    value: "Tooling & Infrastructure",
+  },
+  {
+    title: "Other",
+    value: "Other",
+  },
+];
+
+return {
+  contract: "infrastructure-committee.near",
+  proposalFeedIndexerQueryName:
+    "polyprogrammist_near_devhub_ic_v1_proposals_with_latest_snapshot",
+  rfpFeedIndexerQueryName:
+    "polyprogrammist_near_devhub_ic_v1_rfps_with_latest_snapshot",
+  indexerHasuraRole: "polyprogrammist_near",
+  isInfra: true,
+  proposalFeedAnnouncement,
+  aavailableCategoryOptions: getGlobalLabels(),
+};
diff --git a/instances/infrastructure-committee.near/widget/config/theme.jsx b/instances/infrastructure-committee.near/widget/config/theme.jsx
new file mode 100644
index 000000000..137c824a0
--- /dev/null
+++ b/instances/infrastructure-committee.near/widget/config/theme.jsx
@@ -0,0 +1,5 @@
+const Theme = styled.div`
+  --theme-color: rgb(60, 105, 125);
+`;
+
+return { Theme };