From 0c19cab037613ef8d9c29914d5fdf16522317fa6 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 12:22:51 +0530 Subject: [PATCH 01/10] fix: kanban board header scroll fix --- apps/app/components/core/board-view/single-board.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/app/components/core/board-view/single-board.tsx b/apps/app/components/core/board-view/single-board.tsx index 5fee43c889e..cc7e6d0846a 100644 --- a/apps/app/components/core/board-view/single-board.tsx +++ b/apps/app/components/core/board-view/single-board.tsx @@ -72,7 +72,7 @@ export const SingleBoard: React.FC = ({ return (
-
+
= ({ {(provided, snapshot) => (
Date: Thu, 23 Feb 2023 12:23:51 +0530 Subject: [PATCH 02/10] style: enable scrollbar style added --- apps/app/styles/globals.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/apps/app/styles/globals.css b/apps/app/styles/globals.css index 7ed87ba4155..ccb9ea2f149 100644 --- a/apps/app/styles/globals.css +++ b/apps/app/styles/globals.css @@ -23,6 +23,10 @@ -webkit-font-smoothing: antialiased; } +.scrollbar-enable::-webkit-scrollbar { + display: block ; +} + /* Scrollbar style */ ::-webkit-scrollbar { display: none; From e14b69dabdfa1a59a0cf53f58b14273e1e0596bd Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 12:24:42 +0530 Subject: [PATCH 03/10] fix: emoji picker overflow --- apps/app/components/emoji-icon-picker/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/app/components/emoji-icon-picker/index.tsx b/apps/app/components/emoji-icon-picker/index.tsx index a441cd4cb01..711be870d62 100644 --- a/apps/app/components/emoji-icon-picker/index.tsx +++ b/apps/app/components/emoji-icon-picker/index.tsx @@ -59,7 +59,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange }) => { leaveTo="transform opacity-0 scale-95" > -
+
{tabOptions.map((tab) => ( From 3c45d70df6f1bdb89223ff30d72cbfb1ee1109d7 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 12:32:52 +0530 Subject: [PATCH 04/10] fix: delete project modal text overflow --- apps/app/components/project/confirm-project-deletion.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/apps/app/components/project/confirm-project-deletion.tsx b/apps/app/components/project/confirm-project-deletion.tsx index 236f71bdf41..5c94772a553 100644 --- a/apps/app/components/project/confirm-project-deletion.tsx +++ b/apps/app/components/project/confirm-project-deletion.tsx @@ -122,12 +122,12 @@ const ConfirmProjectDeletion: React.FC = (props) = aria-hidden="true" />
-
+
Delete Project
-

+

Are you sure you want to delete project - {`"`} {selectedProject?.name} {`"`} ? All of the data related to the project will be permanently @@ -136,7 +136,7 @@ const ConfirmProjectDeletion: React.FC = (props) =

-

+

Enter the project name{" "} {selectedProject?.name} to continue: From 31c909eba5ab296af278f472927d206ecea0446b Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 12:44:01 +0530 Subject: [PATCH 05/10] fix: cycle card ellipsis --- apps/app/components/cycles/single-cycle-card.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/app/components/cycles/single-cycle-card.tsx b/apps/app/components/cycles/single-cycle-card.tsx index 40be88dc6e3..1fa565ceb6d 100644 --- a/apps/app/components/cycles/single-cycle-card.tsx +++ b/apps/app/components/cycles/single-cycle-card.tsx @@ -87,7 +87,7 @@ export const SingleCycleCard: React.FC = (props) => {

-
+

From d07c0d97c7f20b483727674316d2b8cfc4eaa311 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 13:41:15 +0530 Subject: [PATCH 06/10] fix: tooltip position updated and custom class added --- apps/app/components/ui/tooltip.tsx | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/apps/app/components/ui/tooltip.tsx b/apps/app/components/ui/tooltip.tsx index f7fb77425f2..1b7f40feae1 100644 --- a/apps/app/components/ui/tooltip.tsx +++ b/apps/app/components/ui/tooltip.tsx @@ -5,9 +5,25 @@ import { Tooltip2 } from "@blueprintjs/popover2"; type Props = { tooltipHeading?: string; tooltipContent: string; - position?: "top" | "right" | "bottom" | "left"; + position?: + | "top" + | "right" + | "bottom" + | "left" + | "auto" + | "auto-end" + | "auto-start" + | "bottom-left" + | "bottom-right" + | "left-bottom" + | "left-top" + | "right-bottom" + | "right-top" + | "top-left" + | "top-right"; children: JSX.Element; disabled?: boolean; + className?: string; }; export const Tooltip: React.FC = ({ @@ -16,11 +32,14 @@ export const Tooltip: React.FC = ({ position = "top", children, disabled = false, + className = "", }) => ( +
{tooltipHeading ? ( <>
{tooltipHeading}
From fa172713feaa70a2cbcfe8dec305ef502f2e8ec1 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 13:55:33 +0530 Subject: [PATCH 07/10] fix: assignees tooltip overflow --- apps/app/components/issues/view-select/assignee.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/app/components/issues/view-select/assignee.tsx b/apps/app/components/issues/view-select/assignee.tsx index f9b1c28cd95..ba781647103 100644 --- a/apps/app/components/issues/view-select/assignee.tsx +++ b/apps/app/components/issues/view-select/assignee.tsx @@ -57,6 +57,7 @@ export const ViewAssigneeSelect: React.FC = ({
0 From 919224b39d1cdb5692562d115d177d84e19e5502 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 15:20:25 +0530 Subject: [PATCH 08/10] fix: module card --- .../components/modules/single-module-card.tsx | 44 ++++++++++++++++--- 1 file changed, 37 insertions(+), 7 deletions(-) diff --git a/apps/app/components/modules/single-module-card.tsx b/apps/app/components/modules/single-module-card.tsx index baa964f5a48..8651f0a3353 100644 --- a/apps/app/components/modules/single-module-card.tsx +++ b/apps/app/components/modules/single-module-card.tsx @@ -2,12 +2,14 @@ import React, { useState } from "react"; import Link from "next/link"; import { useRouter } from "next/router"; +import Image from "next/image"; // components import { DeleteModuleModal } from "components/modules"; // ui import { AssigneesList, Avatar, CustomMenu } from "components/ui"; // icons +import User from "public/user.png"; import { CalendarDaysIcon } from "@heroicons/react/24/outline"; // helpers import { renderShortNumericDateFormat } from "helpers/date-time.helper"; @@ -67,24 +69,52 @@ export const SingleModuleCard: React.FC = ({ module, handleEditModule })
- - {module.name} + + + {module.name} +
-
+
LEAD
- + {module.lead_detail ? ( + + ) : ( +
+ N/A + N/A +
+ )}
MEMBERS
-
- +
+ {module.members_detail && module.members_detail.length > 0 ? ( + + ) : ( +
+ N/A + N/A +
+ )}
END DATE
-
+
{module.target_date ? renderShortNumericDateFormat(module?.target_date) : "N/A"}
From 53b5462ef9c2d850368d6bdbd62bf21212a5ca65 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 15:44:36 +0530 Subject: [PATCH 09/10] fix: my issue page tooltip and responsive title added --- .../components/issues/my-issues-list-item.tsx | 41 ++++++++++++++----- 1 file changed, 31 insertions(+), 10 deletions(-) diff --git a/apps/app/components/issues/my-issues-list-item.tsx b/apps/app/components/issues/my-issues-list-item.tsx index 60eb7c61de3..8e81c40eabd 100644 --- a/apps/app/components/issues/my-issues-list-item.tsx +++ b/apps/app/components/issues/my-issues-list-item.tsx @@ -15,7 +15,7 @@ import { } from "components/issues/view-select"; // ui import { AssigneesList } from "components/ui/avatar"; -import { CustomMenu } from "components/ui"; +import { CustomMenu, Tooltip } from "components/ui"; // types import { IIssue, Properties } from "types"; // fetch-keys @@ -78,13 +78,20 @@ export const MyIssuesListItem: React.FC = ({ {properties?.key && ( - - {issue.project_detail?.identifier}-{issue.sequence_id} - + + + {issue.project_detail?.identifier}-{issue.sequence_id} + + )} - - {issue.name} - + + + {issue.name} + +
@@ -134,9 +141,23 @@ export const MyIssuesListItem: React.FC = ({
)} {properties.assignee && ( -
- -
+ 0 + ? issue.assignee_details + .map((assignee) => + assignee?.first_name !== "" ? assignee?.first_name : assignee?.email + ) + .join(", ") + : "No Assignee" + } + > +
+ +
+ )} Delete permanently From f28b6aed13e51da7747c1ee875841177da013d02 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 23 Feb 2023 16:23:50 +0530 Subject: [PATCH 10/10] fix: home page tooltip and responsiveness --- apps/app/pages/[workspaceSlug]/index.tsx | 121 ++++++++++++----------- 1 file changed, 65 insertions(+), 56 deletions(-) diff --git a/apps/app/pages/[workspaceSlug]/index.tsx b/apps/app/pages/[workspaceSlug]/index.tsx index ef0fb9d8882..22b6d559602 100644 --- a/apps/app/pages/[workspaceSlug]/index.tsx +++ b/apps/app/pages/[workspaceSlug]/index.tsx @@ -14,7 +14,7 @@ import useIssues from "hooks/use-issues"; // components import { WorkspaceHomeCardsList, WorkspaceHomeGreetings } from "components/workspace"; // ui -import { Spinner } from "components/ui"; +import { Spinner, Tooltip } from "components/ui"; // icons import { ArrowRightIcon, @@ -90,69 +90,78 @@ const WorkspacePage: NextPage = () => { href={`/${workspaceSlug}/projects/${issue.project}/issues/${issue.id}`} > - {issue.name} + + + {issue.name} + +
-
- {getPriorityIcon(issue.priority)} -
+
+ {getPriorityIcon(issue.priority)} +
+ + +
+ -
- - {addSpaceIfCamelCase(issue.state_detail.name)} -
-
{addSpaceIfCamelCase(issue.state_detail.name)} +
+ + - - {issue.target_date - ? renderShortNumericDateFormat(issue.target_date) - : "N/A"} -
-
Target date
-
- {renderShortNumericDateFormat(issue.target_date ?? "")} -
-
- {issue.target_date && - (issue.target_date < new Date().toISOString() - ? `Target date has passed by ${findHowManyDaysLeft( - issue.target_date - )} days` - : findHowManyDaysLeft(issue.target_date) <= 3 - ? `Target date is in ${findHowManyDaysLeft( - issue.target_date - )} days` - : "Target date")} -
+
+ + {issue.target_date + ? renderShortNumericDateFormat(issue.target_date) + : "N/A"}
-
+
))}