feat: create task while while in a date view will create task for tha…

…t date

apps/desktop-v2/app/page.tsx

@@ -133,7 +133,9 @@ function Home() {
           editingTask={
             chosenTaskIndex !== -1
               ? memoizedTasksView[chosenTaskIndex]
-              : createBlankTask()
+              : createBlankTask({
+                  startDate: viewingDate,
+                })
           }
           mode={chosenTaskIndex !== -1 ? "edit" : "create"}
           onSubmit={handleCreateOrUpdateTask}

apps/desktop-v2/app/view/inbox/page.tsx

@@ -4,7 +4,7 @@ import { settingsRoute } from "@/app/settings/meta";
 import { AlertDialog } from "@/components/alert-dialog";
 import { SupernovaCommandCenter } from "@/components/command-center";
 import { CreateTaskPlaceholder } from "@/components/create-task-placeholder";
-import { SupernovaGlobeLogoImage } from "@/components/icons";
+import { InboxIcon, SupernovaGlobeLogoImage } from "@/components/icons";
 import { Kbd } from "@/components/kbd";
 import {
   SupernovaTaskComponent,
@@ -16,6 +16,7 @@ import { withAuth } from "@/hocs/withAuth";
 import useFetchTasks from "@/hooks/useFetchTasks";
 import useShortcuts from "@/hooks/useShortcuts";
 import useSupernovaTasksUI from "@/hooks/useSupernovaTasksUI";
+import useViewingDateUI from "@/hooks/useViewingDate";
 import { SupernovaCommand } from "@/types/command";
 import { filterUnplannedTasks } from "@/utils/supernova-task";
 import * as Accordion from "@radix-ui/react-accordion";
@@ -26,6 +27,7 @@ import { useMemo } from "react";
 function Inbox() {
   const { tasks, setTasks, taskFetchState, triggerRefetchTasks } =
     useFetchTasks();
+  const { viewingDate } = useViewingDateUI();
 
   const {
     accordionValue,
@@ -120,7 +122,10 @@ function Inbox() {
       )}
       <SupernovaGlobeLogoImage width={30} height={30} priority />
       <div className="flex items-center justify-center w-full">
-        <h4 className="text-[20px] font-semibold">Inbox</h4>
+        <h4 className="text-[20px] font-semibold inline-flex items-center gap-2">
+          <InboxIcon width={20} height={20} />
+          Inbox
+        </h4>
       </div>
       {taskFetchState.status === "loading" ? (
         <div className="flex items-center gap-[10px]">

apps/desktop-v2/components/icons.tsx

@@ -17,6 +17,7 @@ export const ArrowRightIcon = (props: ImageProps) => (
     width={20}
     height={20}
     alt="Arrow Right"
+    priority
     {...props}
   />
 );
@@ -54,6 +55,7 @@ export const PlayGreenIcon = (props: ImageProps) => (
     width={13}
     height={13}
     className="ml-[2px]"
+    priority
     {...props}
   />
 );
@@ -70,6 +72,7 @@ export const ClockCyanIcon = (props: ImageProps) => (
     width={13}
     height={13}
     className="ml-[2px]"
+    priority
     {...props}
   />
 );
@@ -82,6 +85,7 @@ export const CalendarYellowIcon = (props: ImageProps) => (
     width={13}
     height={13}
     alt="Calendar icon"
+    priority
     {...props}
   />
 );

apps/desktop-v2/components/supernova-task.tsx

@@ -17,13 +17,16 @@ const generateRandomID = () => {
 /*
  * Creates a blank task with a random ID
  */
-export const createBlankTask = (): ISupernovaTask => {
+export const createBlankTask = (args?: {
+  startDate?: Date;
+}): ISupernovaTask => {
   return {
     id: generateRandomID(),
     title: "",
     isComplete: false,
     originalBuildText: "",
     createdAt: new Date(), // this is ignored in the backend, but for now just to satisfy the return arg
+    startDate: args?.startDate,
   };
 };
 

apps/desktop-v2/components/task-builder-dialog.tsx

@@ -2,7 +2,7 @@
 
 // this is a task builder dialog which pops up in the center of the screen with an
 // overlay
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import * as Dialog from "@radix-ui/react-dialog";
 import { BaseEditor, Editor, Transforms, createEditor, NodeEntry } from "slate";
 import {