Feat/risk areas v2

apps/dashboard/app/[daoId]/(main)/layout.tsx

@@ -40,7 +40,7 @@ export default async function DaoLayout({ children, params }: DaoLayoutProps) {
           <HeaderMobile />
           <StickyPageHeader />
         </div>
-        <div className="flex w-full flex-col items-center overflow-y-scroll lg:h-screen">
+        <div className="flex w-full flex-col items-center lg:h-screen">
           <div className="w-full flex-1">{children}</div>
           <Footer />
         </div>

apps/dashboard/app/[daoId]/(main)/risk-analysis/page.tsx

@@ -2,15 +2,10 @@ import type { Metadata } from "next";
 import { DaoIdEnum } from "@/shared/types/daos";
 import daoConfigByDaoId from "@/shared/dao-config";
 import { RiskAnalysisSection } from "@/features/risk-analysis";
-import { GovernanceImplementationSection } from "@/features/governance-implementation";
 import { PAGES_CONSTANTS } from "@/shared/constants/pages-constants";
-import { Gauge } from "lucide-react";
-import { RiskLevelCard, TheSectionLayout } from "@/shared/components";
-import {
-  SubSection,
-  SubSectionsContainer,
-} from "@/shared/components/design-system/section";
-import { DividerDefault } from "@/shared/components/design-system/divider/DividerDefault";
+import { Bomb } from "lucide-react";
+import { TheSectionLayout } from "@/shared/components";
+import { SubSectionsContainer } from "@/shared/components/design-system/section";
 import { RiskLevel } from "@/shared/types/enums";
 import { getDaoRiskAreas } from "@/shared/utils/risk-analysis";
 
@@ -75,7 +70,7 @@ export default async function RiskAnalysisPage({
   const daoIdEnum = daoId.toUpperCase() as DaoIdEnum;
   const daoConstants = daoConfigByDaoId[daoIdEnum];
 
-  if (!daoConstants.riskAnalysis) {
+  if (!daoConstants.attackExposure) {
     return null;
   }
 
@@ -101,29 +96,12 @@ export default async function RiskAnalysisPage({
   return (
     <div>
       <TheSectionLayout
-        title={PAGES_CONSTANTS.riskAnalysis.title}
-        icon={<Gauge className="section-layout-icon" />}
-        description={PAGES_CONSTANTS.riskAnalysis.description}
-        riskLevel={<RiskLevelCard status={getHighestRiskLevel()} />}
+        title={PAGES_CONSTANTS.attackExposure.title}
+        icon={<Bomb className="section-layout-icon" />}
+        description={PAGES_CONSTANTS.attackExposure.description}
       >
         <SubSectionsContainer>
-          <SubSection
-            subsectionTitle={PAGES_CONSTANTS.riskAnalysis.subTitle}
-            subsectionDescription={PAGES_CONSTANTS.riskAnalysis.subDescription}
-            dateRange=""
-          >
-            <RiskAnalysisSection daoId={daoIdEnum} />
-          </SubSection>
-          <DividerDefault isHorizontal />
-          <SubSection
-            subsectionTitle={PAGES_CONSTANTS.governanceImplementation.subTitle}
-            subsectionDescription={
-              PAGES_CONSTANTS.governanceImplementation.subDescription
-            }
-            dateRange=""
-          >
-            <GovernanceImplementationSection daoId={daoIdEnum} />
-          </SubSection>
+          <RiskAnalysisSection daoId={daoIdEnum} />
         </SubSectionsContainer>
       </TheSectionLayout>
     </div>

apps/dashboard/features/dao-overview/DaoOverviewSection.tsx

@@ -45,7 +45,7 @@ export const DaoOverviewSection = ({ daoId }: { daoId: DaoIdEnum }) => {
 
   const daoRiskAreas = getDaoRiskAreas(daoId);
   const riskAreas = {
-    title: "RISK AREAS",
+    title: "Attack Exposure",
     risks: Object.entries(daoRiskAreas).map(([name, info]) => ({
       name,
       level: info.riskLevel,
@@ -132,9 +132,8 @@ export const DaoOverviewSection = ({ daoId }: { daoId: DaoIdEnum }) => {
           <div className="w-full">
             <VotingPowerChartCard daoId={daoId} />
           </div>
-
         </div>
-        {daoConfig.governancePage && (<LastProposalsCard daoId={daoId} />)}
+        {daoConfig.governancePage && <LastProposalsCard daoId={daoId} />}
       </div>
     </Suspense>
   );