Merge pull request #196 from cisagov/169-generate-pdf-button-for-rsc-…

…dashboard #169 Generate PDF Button for RSC Dashboard
cisagov · Apr 30, 2024 · 708a7ba · 708a7ba
2 parents f0e3209 + 3632551
commit 708a7ba
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -56,6 +56,7 @@
  "react-select": "^5.5.9",
  "react-simple-maps": "^3.0.0",
  "react-table": "^7.8.0",
+ "react-to-print": "^2.15.1",
  "resolve-url-loader": "^5.0.0",
  "universal-cookie": "^4.0.4",
  "uswds": "^2.13.3",

diff --git a/frontend/src/components/ReadySetCyber/RSCDetail.tsx b/frontend/src/components/ReadySetCyber/RSCDetail.tsx
@@ -13,6 +13,7 @@ import { RSCNextSteps } from './RSCNextSteps';
 import { RSCAccordionNav } from './RSCAccordionNav';
 import { FloatingNav } from './FloatingNav';
 import { ScrollTop } from './ScrollTop';
+import { useReactToPrint } from 'react-to-print';
 
 export const RSCDetail: React.FC = () => {
  const { apiGet } = useAuthContext();
@@ -45,6 +46,13 @@ export const RSCDetail: React.FC = () => {
  fetchResult();
  }, [fetchResult]);
 
+ const printRef = React.useRef<HTMLDivElement>(null);
+
+ const handleDownloadPDF = useReactToPrint({
+ content: () => printRef.current,
+ documentTitle: `ReadySetCyber Summary ${new Date().toLocaleDateString()}`
+ });
+
  return (
  <>
  <Box sx={{ flexGrow: 1, padding: 2 }}>