From 7cfe611110284b0069816a89d1bf4f62eb6b6899 Mon Sep 17 00:00:00 2001
From: "Thierry CH." <thierrybakera12@gmail.com>
Date: Sun, 1 Sep 2024 21:31:50 +0200
Subject: [PATCH] ui: add 'See Plan' option on team member task card menu
 (#2976)

---
 .../team/user-team-card/user-team-card-menu.tsx    | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/web/lib/features/team/user-team-card/user-team-card-menu.tsx b/apps/web/lib/features/team/user-team-card/user-team-card-menu.tsx
index a6dc4c52d..90dbe3380 100644
--- a/apps/web/lib/features/team/user-team-card/user-team-card-menu.tsx
+++ b/apps/web/lib/features/team/user-team-card/user-team-card-menu.tsx
@@ -3,7 +3,7 @@ import { I_TeamMemberCardHook, I_TMCardTaskEditHook } from '@app/hooks';
 import { IClassName, ITeamTask } from '@app/interfaces';
 import { clsxm } from '@app/utils';
 import { Popover, Transition } from '@headlessui/react';
-import { Card, ConfirmDropdown, SpinnerLoader, Text } from 'lib/components';
+import { Card, ConfirmDropdown, HorizontalSeparator, SpinnerLoader, Text } from 'lib/components';
 import { TaskUnOrAssignPopover } from 'lib/features/task/task-assign-popover';
 import { useCallback } from 'react';
 import { useTranslations } from 'next-intl';
@@ -112,7 +112,7 @@ function DropdownMenu({ edition, memberInfo }: Props) {
 								shadow="custom"
 								className="shadow-xlcard !py-3 !px-4 dark:bg-[#1B1D22] dark:border dark:border-[#FFFFFF33] w-[10.75rem]"
 							>
-								<ul>
+								<ul className="flex flex-col items-start">
 									{menu.map((item, i) => {
 										const text = (
 											<Text
@@ -182,6 +182,16 @@ function DropdownMenu({ edition, memberInfo }: Props) {
 											</li>
 										);
 									})}
+									<HorizontalSeparator className="-mx-2" />
+									<ul className="w-full py-1 flex flex-col items-start">
+										<button
+											className={clsxm(
+												'font-normal whitespace-nowrap text-sm hover:font-semibold hover:transition-all'
+											)}
+										>
+											See Plan
+										</button>
+									</ul>
 								</ul>
 							</Card>
 						);