chore: clean up

cabcookie · Dec 9, 2024 · fcb3d0f · fcb3d0f
1 parent 5ada6af
commit fcb3d0f
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 38 deletions.
diff --git a/components/planning/week/ProcessCrmUpdates.tsx b/components/planning/week/ProcessCrmUpdates.tsx
@@ -0,0 +1,17 @@
+import useMrrLatestUpload from "@/api/useLatestUploadsWork";
+import ImportProjectData from "@/components/crm/import-project-data";
+import PlanWeekAction from "@/components/planning/week/PlanWeekAction";
+import { FC } from "react";
+
+interface ProcessCrmUpdatesProps {
+  mutateSfdc: ReturnType<typeof useMrrLatestUpload>["mutateSfdc"];
+}
+
+const ProcessCrmUpdates: FC<ProcessCrmUpdatesProps> = ({ mutateSfdc }) => (
+  <>
+    <PlanWeekAction label="Upload Salesforce Opportunities" />
+    <ImportProjectData reloader={mutateSfdc} />
+  </>
+);
+
+export default ProcessCrmUpdates;
diff --git a/components/planning/week/ProcessFinancialUpdates.tsx b/components/planning/week/ProcessFinancialUpdates.tsx
@@ -0,0 +1,25 @@
+import useMrrLatestUpload from "@/api/useLatestUploadsWork";
+import InstructionsUploadMrr from "@/components/analytics/instructions/instructions-upload-mrr";
+import { MrrFilterProvider } from "@/components/analytics/useMrrFilter";
+import PlanWeekAction from "@/components/planning/week/PlanWeekAction";
+import { Accordion } from "@/components/ui/accordion";
+import { FC } from "react";
+
+interface ProcessFinancialUpdatesProps {
+  mutateMrr: ReturnType<typeof useMrrLatestUpload>["mutateMrr"];
+}
+
+const ProcessFinancialUpdates: FC<ProcessFinancialUpdatesProps> = ({
+  mutateMrr,
+}) => (
+  <>
+    <PlanWeekAction label="Upload Customer Financials" />
+    <MrrFilterProvider>
+      <Accordion type="single" collapsible>
+        <InstructionsUploadMrr reloader={mutateMrr} />
+      </Accordion>
+    </MrrFilterProvider>
+  </>
+);
+
+export default ProcessFinancialUpdates;
diff --git a/components/planning/week/ProcessInbox.tsx b/components/planning/week/ProcessInbox.tsx
@@ -0,0 +1,11 @@
+import ProcessInboxItem from "@/components/inbox/ProcessInboxItem";
+import PlanWeekAction from "@/components/planning/week/PlanWeekAction";
+
+const ProcessInbox = () => (
+  <>
+    <PlanWeekAction label="Process Inbox Items" />
+    <ProcessInboxItem />
+  </>
+);
+
+export default ProcessInbox;
diff --git a/components/planning/week/ProcessProjects.tsx b/components/planning/week/ProcessProjects.tsx
@@ -0,0 +1,29 @@
+import { PlanningProjectFilterProvider } from "@/components/planning/usePlanningProjectFilter";
+import PlanWeekAction from "@/components/planning/week/PlanWeekAction";
+import PlanWeekContextNotWork from "@/components/planning/week/PlanWeekContextNotWork";
+import PlanWeekContextWork from "@/components/planning/week/PlanWeekContextWork";
+import PlanWeekFilter from "@/components/planning/week/PlanWeekFilter";
+import PlanWeekStatistics from "@/components/planning/week/PlanWeekStatistics";
+import { useContextContext } from "@/contexts/ContextContext";
+import { FC } from "react";
+
+interface ProcessProjectsProps {}
+
+const ProcessProjects: FC<ProcessProjectsProps> = (props) => {
+  const { context } = useContextContext();
+  return (
+    <>
+      <PlanWeekAction label="Review Projects" />
+      <PlanningProjectFilterProvider>
+        <PlanWeekStatistics />
+
+        <PlanWeekFilter />
+
+        {context !== "work" && <PlanWeekContextNotWork />}
+        {context === "work" && <PlanWeekContextWork />}
+      </PlanningProjectFilterProvider>
+    </>
+  );
+};
+
+export default ProcessProjects;
diff --git a/pages/planweek.tsx b/pages/planweek.tsx
@@ -1,24 +1,17 @@
 import useInbox from "@/api/useInbox";
 import useMrrLatestUpload from "@/api/useLatestUploadsWork";
-import InstructionsUploadMrr from "@/components/analytics/instructions/instructions-upload-mrr";
-import { MrrFilterProvider } from "@/components/analytics/useMrrFilter";
-import ImportProjectData from "@/components/crm/import-project-data";
-import ProcessInboxItem from "@/components/inbox/ProcessInboxItem";
 import ApiLoadingError from "@/components/layouts/ApiLoadingError";
 import MainLayout from "@/components/layouts/MainLayout";
 import ContextSwitcher from "@/components/navigation-menu/ContextSwitcher";
-import { PlanningProjectFilterProvider } from "@/components/planning/usePlanningProjectFilter";
 import {
   useWeekPlanContext,
   withWeekPlan,
 } from "@/components/planning/useWeekPlanContext";
-import PlanWeekAction from "@/components/planning/week/PlanWeekAction";
-import PlanWeekContextNotWork from "@/components/planning/week/PlanWeekContextNotWork";
-import PlanWeekContextWork from "@/components/planning/week/PlanWeekContextWork";
-import PlanWeekFilter from "@/components/planning/week/PlanWeekFilter";
 import PlanWeekForm from "@/components/planning/week/PlanWeekForm";
-import PlanWeekStatistics from "@/components/planning/week/PlanWeekStatistics";
-import { Accordion } from "@/components/ui/accordion";
+import ProcessCrmUpdates from "@/components/planning/week/ProcessCrmUpdates";
+import ProcessFinancialUpdates from "@/components/planning/week/ProcessFinancialUpdates";
+import ProcessInbox from "@/components/planning/week/ProcessInbox";
+import ProcessProjects from "@/components/planning/week/ProcessProjects";
 import { useContextContext } from "@/contexts/ContextContext";
 
 const WeeklyPlanningPage = () => {
@@ -40,36 +33,13 @@ const WeeklyPlanningPage = () => {
         </div>
 
         {inbox && inbox.length > 0 ? (
-          <>
-            <PlanWeekAction label="Process Inbox Items" />
-            <ProcessInboxItem />
-          </>
+          <ProcessInbox />
         ) : context === "work" && mrrUploadTooOld ? (
-          <>
-            <PlanWeekAction label="Upload Customer Financials" />
-            <MrrFilterProvider>
-              <Accordion type="single" collapsible>
-                <InstructionsUploadMrr reloader={mutateMrr} />
-              </Accordion>
-            </MrrFilterProvider>
-          </>
+          <ProcessFinancialUpdates {...{ mutateMrr }} />
         ) : context === "work" && sfdcUploadTooOld ? (
-          <>
-            <PlanWeekAction label="Upload Salesforce Opportunities" />
-            <ImportProjectData reloader={mutateSfdc} />
-          </>
+          <ProcessCrmUpdates {...{ mutateSfdc }} />
         ) : (
-          <>
-            <PlanWeekAction label="Review Projects" />
-            <PlanningProjectFilterProvider>
-              <PlanWeekStatistics />
-
-              <PlanWeekFilter />
-
-              {context !== "work" && <PlanWeekContextNotWork />}
-              {context === "work" && <PlanWeekContextWork />}
-            </PlanningProjectFilterProvider>
-          </>
+          <ProcessProjects />
         )}
       </div>
     </MainLayout>