unlock-protocol · blahkheart · Sep 29, 2026 · Sep 30, 2026 · Sep 30, 2026 · Sep 30, 2026
diff --git a/governance-app/app/proposals/page.tsx b/governance-app/app/proposals/page.tsx
@@ -1,6 +1,5 @@
-import { ProposalCard } from '~/components/proposals/ProposalCard'
+import { BatchVotingList } from '~/components/proposals/BatchVotingList'
 import { ProposalErrorState } from '~/components/proposals/ProposalErrorState'
-import { ProposalFilters } from '~/components/proposals/ProposalFilters'
 import {
   filterProposals,
   getGovernanceOverview,
@@ -44,24 +43,19 @@ export default async function ProposalsPage({
             </div>
           </div>
         </div>
-        <ProposalFilters activeFilter={activeFilter} />
-        <div className="grid gap-5">
-          {proposals.length ? (
-            proposals.map((proposal) => (
-              <ProposalCard
-                key={proposal.id}
-                now={overview.latestTimestamp}
-                proposal={proposal}
-                tokenSymbol={overview.tokenSymbol}
-              />
-            ))
-          ) : (
-            <ProposalErrorState
-              title="No proposals match this filter"
-              description={`There are currently no proposals in the ${activeFilter} state.`}
-            />
-          )}
-        </div>
+        {proposals.length ? (
+          <BatchVotingList
+            proposals={proposals}
+            now={overview.latestTimestamp}
+            tokenSymbol={overview.tokenSymbol}
+            activeFilter={activeFilter}
+          />
+        ) : (
+          <ProposalErrorState
+            title="No proposals match this filter"
+            description={`There are currently no proposals in the ${activeFilter} state.`}
+          />
+        )}
       </section>
     )
   } catch (error) {

diff --git a/governance-app/next.config.js b/governance-app/next.config.js
@@ -1,6 +1,13 @@
 /* eslint-disable @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires */
+const dotenv = require('dotenv')
 const path = require('path')
 
+const unlockEnv = process.env.NEXT_PUBLIC_UNLOCK_ENV || 'dev'
+
+dotenv.config({
+  path: path.resolve(__dirname, '..', `.env.${unlockEnv}.local`),
+})
+
 /** @type {import('next').NextConfig} */
 const config = {
   images: {

diff --git a/governance-app/package.json b/governance-app/package.json
@@ -13,6 +13,7 @@
     "@unlock-protocol/eslint-config": "workspace:./packages/eslint-config",
     "@unlock-protocol/networks": "workspace:./packages/networks",
     "@unlock-protocol/ui": "workspace:./packages/ui",
+    "dotenv": "16.4.7",
     "ethers": "6.15.0",
     "next": "14.2.35",
     "react": "18.3.1",