From ceaa49c5a139cfc7e30979569ecf8ce944807e9d Mon Sep 17 00:00:00 2001
From: Jordan Knott <jordan@jordanthedev.com>
Date: Wed, 6 Jan 2021 20:12:46 -0600
Subject: [PATCH] feat(TaskDetails): clicking the '+' button now opens label
 manager

---
 frontend/src/shared/components/TaskDetails/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/shared/components/TaskDetails/index.tsx b/frontend/src/shared/components/TaskDetails/index.tsx
index 64f8b12..ce764ab 100644
--- a/frontend/src/shared/components/TaskDetails/index.tsx
+++ b/frontend/src/shared/components/TaskDetails/index.tsx
@@ -294,6 +294,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
   const $addMemberBtn = useRef<HTMLDivElement>(null);
   const $dueDateBtn = useRef<HTMLDivElement>(null);
   const $detailsTitle = useRef<HTMLTextAreaElement>(null);
+  const $addLabel = useRef<HTMLDivElement>(null);
 
   const activityStream: Array<{ id: string; data: { time: string; type: 'comment' | 'activity' } }> = [];
 
@@ -474,7 +475,7 @@ const TaskDetails: React.FC<TaskDetailsProps> = ({
                     />
                   );
                 })}
-                <TaskDetailsAddLabelIcon>
+                <TaskDetailsAddLabelIcon ref={$addLabel} onClick={() => onOpenAddLabelPopup(task, $addLabel)}>
                   <Plus width={12} height={12} />
                 </TaskDetailsAddLabelIcon>
               </MetaDetailContent>