Continue organization

2023-02-13 13:46:56 +00:00 · 2023-02-13 13:46:56 +00:00 · b012f8295b
commit b012f8295b
parent 4898382f78
152 changed files with 21348 additions and 18 deletions
--- a/apps/leafcutter/pages/index.tsx
+++ b/apps/leafcutter/pages/index.tsx
@ -0,0 +1,119 @@
+import { useEffect } from "react";
+import { GetServerSideProps, GetServerSidePropsContext } from "next";
+import { useRouter } from "next/router";
+import Head from "next/head";
+import Link from "next/link";
+import ReactMarkdown from "react-markdown";
+import { Grid, Button } from "@mui/material";
+import { useTranslate } from "react-polyglot";
+import { useCookies } from "react-cookie";
+import { Layout } from "components/Layout";
+import { checkAuth } from "lib/checkAuth";
+import { getUserVisualizations } from "lib/opensearch";
+import { Welcome } from "components/Welcome";
+import { WelcomeDialog } from "components/WelcomeDialog";
+import { VisualizationCard } from "components/VisualizationCard";
+import { useAppContext } from "components/AppProvider";
+
+const MyVisualizations = ({ visualizations }) => {
+  const router = useRouter();
+  const cookieName = "homeIntroComplete";
+  const [cookies, setCookie] = useCookies([cookieName]);
+  const t = useTranslate();
+  const {
+    colors: { white, leafcutterElectricBlue },
+    typography: { h4 },
+  } = useAppContext();
+  const homeIntroComplete = parseInt(cookies[cookieName], 10) || 0;
+
+  useEffect(() => {
+    if (homeIntroComplete === 0) {
+      setCookie(cookieName, `${1}`, { path: "/" });
+      router.push(`${router.pathname}?tooltip=welcome`);
+    }
+  }, [homeIntroComplete, router, setCookie]);
+
+  return (
+    <Layout>
+      <Head>
+        <title>Digital Threat Dashboard – Leafcutter</title>
+      </Head>
+      <Welcome />
+      <Grid
+        container
+        spacing={3}
+        sx={{ pt: "22px", pb: "22px" }}
+        direction="row-reverse"
+      >
+        <Link href="/create" passHref>
+          <Button
+            sx={{
+              fontSize: 14,
+              borderRadius: 500,
+              color: leafcutterElectricBlue,
+              border: `2px solid ${leafcutterElectricBlue}`,
+              fontWeight: "bold",
+              textTransform: "uppercase",
+              pl: 6,
+              pr: 5,
+              ":hover": {
+                backgroundColor: leafcutterElectricBlue,
+                color: white,
+                opacity: 0.8,
+              },
+            }}
+          >
+            {t("createVisualization")}
+          </Button>
+        </Link>
+      </Grid>
+      <Grid
+        container
+        direction="row"
+        wrap="wrap"
+        spacing={3}
+        justifyContent="space-between"
+      >
+        {visualizations.length === 0 ? (
+          <Grid
+            container
+            sx={{ height: 300, width: "100%", pt: 10 }}
+            justifyContent="center"
+          >
+            <Grid item sx={{ ...h4, width: 450, textAlign: "center" }}>
+              <ReactMarkdown>{t("noSavedVisualizations")}</ReactMarkdown>
+            </Grid>
+          </Grid>
+        ) : null}
+        {visualizations.map((visualization, index) => (
+          <VisualizationCard
+            id={visualization.id}
+            key={index}
+            title={visualization.title}
+            description={visualization.description}
+            url={visualization.url}
+          />
+        ))}
+      </Grid>
+      <WelcomeDialog />
+    </Layout>
+  );
+};
+
+export default MyVisualizations;
+
+export const getServerSideProps: GetServerSideProps = async (
+  context: GetServerSidePropsContext
+) => {
+  const res: any = await checkAuth(context);
+
+  if (res.redirect) {
+    return res;
+  }
+
+  res.props.visualizations = await getUserVisualizations(
+    res.props.session.user.email,
+    20
+  );
+  return res;
+};