Digital Threat Dashboard

import { NextPage, GetServerSideProps, GetServerSidePropsContext } from "next"; import Head from "next/head"; import { Grid, Box } from "@mui/material"; import { useTranslate } from "react-polyglot"; import { Layout } from "components/Layout"; import { checkAuth } from "lib/checkAuth"; import { getTrends } from "lib/opensearch"; import { PageHeader } from "components/PageHeader"; import { VisualizationCard } from "components/VisualizationCard"; import { useAppContext } from "components/AppProvider"; type TrendsProps = { visualizations: any; }; const Trends: NextPage = ({ visualizations }) => { const t = useTranslate(); const { colors: { cdrLinkOrange }, typography: { h1, h4, p }, } = useAppContext(); return ( Digital Threat Dashboard – Leafcutter {/*

*/} {t("trendsTitle")} {t("trendsSubtitle")} {t("trendsDescription")} {visualizations.map((visualization: any, index: number) => ( ))} ); }; export default Trends; export const getServerSideProps: GetServerSideProps = async ( context: GetServerSidePropsContext ) => { const res: any = await checkAuth(context); if (res.redirect) { return res; } res.props.visualizations = await getTrends(25); return res; };