Added some confetti to the Jobs page

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam._index/route.tsx

@@ -1,12 +1,11 @@
+import Confetti from "react-confetti";
 import { HowToSetupYourProject } from "~/components/helpContent/HelpContentText";
 import { JobsTable } from "~/components/jobs/JobsTable";
 import { PageBody, PageContainer } from "~/components/layout/AppLayout";
-import { Button, LinkButton } from "~/components/primitives/Buttons";
 import { Callout } from "~/components/primitives/Callout";
 import { Header2 } from "~/components/primitives/Headers";
 import { Help, HelpContent, HelpTrigger } from "~/components/primitives/Help";
 import { Input } from "~/components/primitives/Input";
-import { NamedIcon } from "~/components/primitives/NamedIcon";
 import {
   PageHeader,
   PageInfoGroup,
@@ -15,12 +14,13 @@ import {
   PageTitle,
   PageTitleRow,
 } from "~/components/primitives/PageHeader";
-import { Paragraph, TextLink } from "~/components/primitives/Paragraph";
+import { Paragraph } from "~/components/primitives/Paragraph";
 import { useFilterJobs } from "~/hooks/useFilterJobs";
 import { useOrganization } from "~/hooks/useOrganizations";
 import { useProject } from "~/hooks/useProject";
 import { cn } from "~/utils/cn";
 import { Handle } from "~/utils/handle";
+import useWindowSize from "react-use/lib/useWindowSize";
 
 export const handle: Handle = {
   breadcrumb: {
@@ -36,6 +36,8 @@ export default function Page() {
     project.jobs
   );
 
+  const { width, height } = useWindowSize();
+
   return (
     <PageContainer>
       <PageHeader>
@@ -53,6 +55,13 @@ export default function Page() {
         </PageInfoRow>
       </PageHeader>
       <PageBody>
+        {/* <Confetti
+          width={width}
+          height={height}
+          recycle={false}
+          numberOfPieces={700}
+          colors={["#E7FF52", "#41FF54"]}
+        /> */}
         <Help defaultOpen={project.jobs.length === 0}>
           {(open) => (
             <div

apps/webapp/package.json

@@ -114,12 +114,14 @@
     "prismjs": "^1.29.0",
     "qs": "^6.11.0",
     "react": "^18.2.0",
+    "react-confetti": "^6.1.0",
     "react-date-range": "^1.4.0",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.0",
     "react-hotkeys-hook": "^3.4.7",
     "react-query": "^3.39.1",
     "react-resizable-layout": "^0.2.4",
+    "react-use": "^17.4.0",
     "react-use-intercom": "^3.0.2",
     "remix-auth": "^3.2.2",
     "remix-auth-email-link": "^1.4.2",