chore: bump pdf-ui package to v0.1.7;

remove propose a governance action button from wrapper
IntersectMBO · Jun 17, 2024 · 9e2807d · 9e2807d
1 parent e67c673
commit 9e2807d
Show file tree

Hide file tree

Showing 7 changed files with 825 additions and 5,364 deletions.
diff --git a/govtool/frontend/package-lock.json b/govtool/frontend/package-lock.json
diff --git a/govtool/frontend/package.json b/govtool/frontend/package.json
@@ -28,7 +28,7 @@
     "@emurgo/cardano-serialization-lib-asmjs": "12.0.0-alpha.29",
     "@hookform/resolvers": "^3.3.1",
     "@intersect.mbo/intersectmbo.org-icons-set": "^1.0.8",
-    "@intersect.mbo/pdf-ui": "^0.1.3",
+    "@intersect.mbo/pdf-ui": "^0.1.7",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.4",
     "@rollup/plugin-babel": "^6.0.4",

diff --git a/govtool/frontend/src/components/organisms/DashboardTopNav.tsx b/govtool/frontend/src/components/organisms/DashboardTopNav.tsx
@@ -1,10 +1,9 @@
 import { useEffect, useState } from "react";
-import { Box, Button, IconButton } from "@mui/material";
-import { IconPlusCircle } from "@intersect.mbo/intersectmbo.org-icons-set";
+import { Box, IconButton } from "@mui/material";
 
 import { VotingPowerChips, Typography } from "@atoms";
-import { ICONS, PATHS, PDF_PATHS } from "@consts";
-import { useScreenDimension, useTranslation } from "@hooks";
+import { ICONS } from "@consts";
+import { useScreenDimension } from "@hooks";
 import { DashboardDrawerMobile } from "@organisms";
 
 type DashboardTopNavProps = {
@@ -18,14 +17,6 @@ export const DashboardTopNav = ({
   title,
   isVotingPowerHidden,
 }: DashboardTopNavProps) => {
-  const { t } = useTranslation();
-  const isProposalDiscussion = Object.values(PDF_PATHS).some(
-    (pdfPath) =>
-      window.location.pathname.includes(pdfPath) &&
-      window.location.pathname.includes(
-        PATHS.connectedProposalPillar.replace("/*", ""),
-      ),
-  );
   const [windowScroll, setWindowScroll] = useState<number>(0);
   const { isMobile } = useScreenDimension();
   const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false);
@@ -34,12 +25,6 @@ export const DashboardTopNav = ({
     setIsDrawerOpen(true);
   };
 
-  const goToProposalDiscussionCreateGovernanceAction = () => {
-    window.location.href = `${PATHS.connectedProposalPillar.replace("/*", "")}${
-      PDF_PATHS.proposalDiscussionCreateGovernanceAction
-    }`;
-  };
-
   useEffect(() => {
     const onScroll = () => {
       setWindowScroll(window.scrollY);
@@ -91,9 +76,7 @@ export const DashboardTopNav = ({
           ) : null}
         </Box>
         <Box display="flex">
-          {!isVotingPowerHidden && !isProposalDiscussion && (
-            <VotingPowerChips />
-          )}
+          {!isVotingPowerHidden && <VotingPowerChips />}
           {isMobile && (
             <IconButton
               data-testid="open-drawer-button"
@@ -103,15 +86,6 @@ export const DashboardTopNav = ({
               <img alt="drawer" src={ICONS.drawerIcon} />
             </IconButton>
           )}
-          {isProposalDiscussion && (
-            <Button
-              variant="contained"
-              startIcon={<IconPlusCircle fill="white" />}
-              onClick={goToProposalDiscussionCreateGovernanceAction}
-            >
-              {t("proposalDiscussion.proposeAGovernanceAction")}
-            </Button>
-          )}
         </Box>
         {isMobile && (
           <DashboardDrawerMobile

diff --git a/govtool/frontend/src/components/organisms/Drawer.tsx b/govtool/frontend/src/components/organisms/Drawer.tsx
@@ -2,7 +2,7 @@ import { Box, Grid } from "@mui/material";
 import { NavLink } from "react-router-dom";
 
 import { DrawerLink, Spacer } from "@atoms";
-import { CONNECTED_NAV_ITEMS, IMAGES, PATHS } from "@consts";
+import { CONNECTED_NAV_ITEMS, IMAGES, PATHS, DRAWER_WIDTH } from "@consts";
 import { useFeatureFlag } from "@context";
 import { useGetVoterInfo } from "@hooks";
 import { WalletInfoCard, DRepInfoCard } from "@molecules";
@@ -21,7 +21,7 @@ export const Drawer = () => {
         height: "100vh",
         position: "sticky",
         top: 0,
-        width: "268px",
+        width: `${DRAWER_WIDTH}px`,
       }}
     >
       <NavLink

diff --git a/govtool/frontend/src/consts/index.ts b/govtool/frontend/src/consts/index.ts
@@ -9,3 +9,5 @@ export * from "./navItems";
 export * from "./paths";
 export * from "./placeholders";
 export * from "./queryKeys";
+
+export const DRAWER_WIDTH = 268;
diff --git a/govtool/frontend/src/pages/Dashboard.tsx b/govtool/frontend/src/pages/Dashboard.tsx
@@ -3,7 +3,7 @@ import { useLocation, Outlet, useNavigate } from "react-router-dom";
 import { Box } from "@mui/material";
 
 import { Background, ScrollToManage } from "@atoms";
-import { CONNECTED_NAV_ITEMS, PATHS } from "@consts";
+import { CONNECTED_NAV_ITEMS, DRAWER_WIDTH, PATHS } from "@consts";
 import { useCardano } from "@context";
 import { useScreenDimension, useTranslation } from "@hooks";
 import { DashboardTopNav, Drawer, Footer } from "@organisms";
@@ -20,8 +20,9 @@ export const Dashboard = () => {
   const getPageTitle = (path: string) => {
     if (path === PATHS.dashboard) return t("dashboard.title");
     return (
-      Object.values(CONNECTED_NAV_ITEMS).find(({ navTo }) => pathname.startsWith(navTo))
-        ?.label ?? ""
+      Object.values(CONNECTED_NAV_ITEMS).find(({ navTo }) =>
+        pathname.startsWith(navTo),
+      )?.label ?? ""
     );
   };
 
@@ -53,6 +54,7 @@ export const Dashboard = () => {
             flex: 1,
             flexDirection: "column",
             minHeight: "100vh",
+            width: `calc(100vw - ${DRAWER_WIDTH}px)`,
             overflow: "clip",
             position: "relative",
           }}