chore: start date option added in spreadsheet view (#1824)

makeplane · Aug 11, 2023 · 5f5790e · 5f5790e · vercel · Aug 11, 2023
1 parent a3d9910
commit 5f5790e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx b/apps/app/components/core/views/spreadsheet-view/single-issue.tsx
@@ -12,6 +12,7 @@ import {
   ViewEstimateSelect,
   ViewIssueLabel,
   ViewPrioritySelect,
+  ViewStartDateSelect,
   ViewStateSelect,
 } from "components/issues";
 import { Popover2 } from "@blueprintjs/popover2";
@@ -315,6 +316,19 @@ export const SingleSpreadsheetIssue: React.FC<Props> = ({
         </div>
       )}
 
+      {properties.start_date && (
+        <div className="flex items-center text-xs text-custom-text-200 text-center p-2 group-hover:bg-custom-background-80 border-custom-border-200">
+          <ViewStartDateSelect
+            issue={issue}
+            partialUpdateIssue={partialUpdateIssue}
+            tooltipPosition={tooltipPosition}
+            noBorder
+            user={user}
+            isNotAllowed={isNotAllowed}
+          />
+        </div>
+      )}
+
       {properties.due_date && (
         <div className="flex items-center text-xs text-custom-text-200 text-center p-2 group-hover:bg-custom-background-80 border-custom-border-200">
           <ViewDueDateSelect

diff --git a/apps/app/components/issues/view-select/start-date.tsx b/apps/app/components/issues/view-select/start-date.tsx
@@ -45,7 +45,7 @@ export const ViewStartDateSelect: React.FC<Props> = ({
     >
       <div className="group flex-shrink-0 relative max-w-[6.5rem]">
         <CustomDatePicker
-          placeholder="Due date"
+          placeholder="Start date"
           value={issue?.start_date}
           onChange={(val) => {
             partialUpdateIssue(

diff --git a/apps/app/constants/spreadsheet.ts b/apps/app/constants/spreadsheet.ts
@@ -43,6 +43,14 @@ export const SPREADSHEET_COLUMN = [
     ascendingOrder: "labels__name",
     descendingOrder: "-labels__name",
   },
+  {
+    propertyName: "start_date",
+    colName: "Start Date",
+    colSize: "128px",
+    icon: CalendarDaysIcon,
+    ascendingOrder: "-start_date",
+    descendingOrder: "start_date",
+  },
   {
     propertyName: "due_date",
     colName: "Due Date",