From 5f5790ebf9d2003612afe8bd5888264132e2b0b3 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 11 Aug 2023 19:14:54 +0530
Subject: [PATCH] chore: start date option added in spreadsheet view (#1824)

---
 .../core/views/spreadsheet-view/single-issue.tsx   | 14 ++++++++++++++
 .../components/issues/view-select/start-date.tsx   |  2 +-
 apps/app/constants/spreadsheet.ts                  |  8 ++++++++
 3 files changed, 23 insertions(+), 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
index 5d9eb7c31..7e8fd0d26 100644
--- 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
index ddec1a310..29110eadb 100644
--- 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
index 0dcab7220..df6cd5aef 100644
--- 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",