tegonhq · harshithmullapudi · Jun 25, 2024 · Jun 17, 2024 · Jun 25, 2024 · Jun 25, 2024
diff --git a/.env b/.env
@@ -61,4 +61,11 @@ SMTP_HOST=
 SMTP_PORT=
 SMTP_USER=
 SMTP_PASSWORD=
-SMTP_DEFAULT_FROM=
+SMTP_DEFAULT_FROM=
+
+GMAIL_CLIENT_ID=
+GMAIL_CLIENT_SECRET=
+GMAIL_REFRESH_TOKEN=
+GMAIL_REDIRECT_URI=
+GMAIL_AUTH_TOKEN=
+GMAIL_WEBHOOK_SECRET=
diff --git a/docker-compose.yaml b/docker-compose.yaml
@@ -75,6 +75,12 @@ services:
       - SMTP_USER=${SMTP_USER}
       - SMTP_PASSWORD=${SMTP_PASSWORD}
       - SMTP_DEFAULT_FROM=${SMTP_DEFAULT_FROM}
+      - GMAIL_CLIENT_ID=${GMAIL_CLIENT_ID}
+      - GMAIL_CLIENT_SECRET=${GMAIL_CLIENT_SECRET}
+      - GMAIL_REFRESH_TOKEN=${GMAIL_REFRESH_TOKEN}
+      - GMAIL_REDIRECT_URI=${GMAIL_REDIRECT_URI}
+      - GMAIL_AUTH_TOKEN=${GMAIL_AUTH_TOKEN}
+      - GMAIL_WEBHOOK_SECRET=${GMAIL_WEBHOOK_SECRET}
     ports:
       - 3001:3001
 
@@ -114,6 +120,4 @@ networks:
 
 volumes:
   postgres-data:
-  kafka-volume:
-  zookeeper-volume:
   typesense-data:
diff --git a/frontend/src/common/types/integration-definition.ts b/frontend/src/common/types/integration-definition.ts
@@ -6,6 +6,7 @@ export enum IntegrationName {
   Slack = 'Slack',
   SlackPersonal = 'SlackPersonal',
   Sentry = 'Sentry',
+  Gmail = 'Gmail',
 }
 
 export interface GenericInputSpecification {

diff --git a/frontend/src/common/types/linked-issue.ts b/frontend/src/common/types/linked-issue.ts
@@ -6,6 +6,7 @@ export enum LinkedIssueSubType {
   ExternalLink = 'ExternalLink',
   Slack = 'Slack',
   Sentry = 'Sentry',
+  Gmail = 'Gmail',
 }
 
 export enum LinkedSlackMessageType {
@@ -17,6 +18,7 @@ export enum Integration {
   Slack = 'Slack',
   Github = 'Github',
   Sentry = 'Sentry',
+  Gmail = 'Gmail',
 }
 
 export interface LinkedIssueType {

diff --git a/frontend/src/icons/arrow-forward-line.tsx b/frontend/src/icons/arrow-forward-line.tsx
@@ -0,0 +1,21 @@
+/** Copyright (c) 2024, Tegon, all rights reserved. **/
+
+import type { IconProps } from './types';
+
+export function ArrowForwardLine({ size = 18, className, color }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      className={className}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.97806 3.42263C9.05728 3.49737 8.33333 4.26832 8.33333 5.20835L8.333 6.97302L8.23269 6.99426C4.49791 7.80818 1.75 11.1348 1.75 15.0545C1.75 15.3411 1.76464 15.6268 1.79355 15.9107C1.86245 16.5868 2.72322 16.83 3.13575 16.2898L3.31079 16.0691C4.56202 14.5498 6.35233 13.5687 8.333 13.349L8.33333 15.4285C8.33333 15.8292 8.46766 16.2183 8.71486 16.5337C9.32527 17.3125 10.4514 17.449 11.2302 16.8386L17.75 11.7285C17.8635 11.6395 17.9659 11.5372 18.0549 11.4236C18.6653 10.6448 18.5288 9.51868 17.75 8.90827L11.2302 3.79821C10.9149 3.55102 10.5257 3.41669 10.125 3.41669L9.97806 3.42263ZM10.125 4.91669C10.1902 4.91669 10.2536 4.93855 10.3049 4.9788L16.8247 10.0888C16.9514 10.1882 16.9737 10.3715 16.8743 10.4983C16.8598 10.5168 16.8431 10.5335 16.8247 10.5479L10.3049 15.658C10.1781 15.7574 9.99481 15.7352 9.89544 15.6084C9.8552 15.557 9.83333 15.4937 9.83333 15.4284L9.833 12.5549C9.83295 12.1342 9.48697 11.7959 9.06639 11.8052L8.85105 11.81L8.54602 11.8258C6.62089 11.9577 4.82704 12.6901 3.38429 13.882L3.347 13.914L3.35102 13.8867C3.8559 10.9999 6.19979 8.71706 9.17379 8.35453C9.55009 8.30865 9.83299 7.98921 9.83304 7.61013L9.83333 5.20844C9.83333 5.04727 9.96392 4.91669 10.125 4.91669Z"
+        fill={color ? color : 'currentColor'}
+      />
+    </svg>
+  );
+}
diff --git a/frontend/src/icons/duplicate-line.tsx b/frontend/src/icons/duplicate-line.tsx
@@ -13,13 +13,13 @@ export function DuplicateLine({ size = 18, className, color }: IconProps) {
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M9.72875 2.25H10.2712C11.9873 2.25 13.2694 2.55779 14.3522 3.13682C15.422 3.70311 16.2969 4.57798 16.8632 5.64782C17.4422 6.73061 17.75 8.01268 17.75 9.72875V10.2712C17.75 11.9873 17.4422 13.2694 16.8632 14.3522C16.2969 15.422 15.422 16.2969 14.3522 16.8632C13.2694 17.4422 11.9873 17.75 10.2712 17.75H9.72875C8.01268 17.75 6.73061 17.4422 5.64782 16.8632C4.57798 16.2969 3.70311 15.422 3.13682 14.3522C2.55779 13.2694 2.25 11.9873 2.25 10.2712V9.72875C2.25 8.01268 2.55779 6.73061 3.13682 5.64782C3.70341 4.57782 4.57868 3.70293 5.64893 3.13682C6.73061 2.55779 8.01268 2.25 9.72875 2.25Z"
-        stroke={color ? color : 'currentColor'}
-        strokeWidth="1.5"
-        strokeLinecap="round"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M9.89893 14.0033H13.1011C13.7187 14.0033 14.2275 14.0033 14.6417 13.9695C15.0716 13.9343 15.4653 13.8591 15.8347 13.6709C16.4086 13.3785 16.8752 12.9119 17.1676 12.338C17.3558 11.9686 17.4311 11.5749 17.4662 11.145C17.5 10.7308 17.5 10.222 17.5 9.60433L17.5 6.39802C17.5 5.78035 17.5001 5.27157 17.4662 4.85733C17.4311 4.42741 17.3558 4.03371 17.1676 3.66436C16.8752 3.09046 16.4086 2.62387 15.8347 2.33146C15.4654 2.14326 15.0717 2.06798 14.6417 2.03285C14.2275 1.99901 13.7188 1.99901 13.1011 1.99902H9.89891C9.28127 1.99901 8.77252 1.99901 8.35829 2.03285C7.92838 2.06797 7.53468 2.14326 7.16533 2.33145C6.59143 2.62387 6.12484 3.09046 5.83243 3.66435C5.64424 4.0337 5.56895 4.4274 5.53383 4.85731C5.49998 5.27154 5.49999 5.7803 5.5 6.39795V9.60436C5.49999 10.222 5.49998 10.7308 5.53383 11.145C5.56895 11.5749 5.64424 11.9686 5.83243 12.338C6.12484 12.9119 6.59143 13.3785 7.16533 13.6709C7.53468 13.8591 7.92838 13.9343 8.35829 13.9695C8.77252 14.0033 9.28128 14.0033 9.89893 14.0033ZM8.48044 12.4745C8.14329 12.4469 7.96896 12.3968 7.84632 12.3344C7.55466 12.1858 7.31754 11.9486 7.16894 11.657C7.10645 11.5343 7.05639 11.36 7.02885 11.0229C7.00058 10.677 7 10.2297 7 9.57329V6.42902C7 5.77259 7.00058 5.32537 7.02885 4.97946C7.05639 4.64231 7.10645 4.46799 7.16894 4.34534C7.31754 4.05369 7.55466 3.81657 7.84632 3.66796C7.96896 3.60547 8.14329 3.55541 8.48044 3.52787C8.82634 3.49961 9.27357 3.49902 9.93 3.49902H13.07C13.7265 3.49902 14.1737 3.49961 14.5196 3.52787C14.8567 3.55541 15.0311 3.60547 15.1537 3.66796C15.4454 3.81657 15.6825 4.05369 15.8311 4.34534C15.8936 4.46799 15.9436 4.64232 15.9712 4.97947C15.9994 5.32537 16 5.7726 16 6.42904L16 9.57331C16 10.2297 15.9994 10.677 15.9712 11.0229C15.9436 11.36 15.8936 11.5343 15.8311 11.657C15.6825 11.9486 15.4453 12.1858 15.1537 12.3344C15.031 12.3968 14.8567 12.4469 14.5196 12.4745C14.1737 12.5027 13.7264 12.5033 13.07 12.5033H9.93C9.27356 12.5033 8.82634 12.5027 8.48044 12.4745Z"
+        fill={color ? color : 'currentColor'}
       />
       <path
-        d="M7.17133 7.17279C7.46422 6.8799 7.9391 6.8799 8.23199 7.17279L10 8.9408L11.7675 7.17328C12.0604 6.88039 12.5353 6.88039 12.8282 7.17328C13.1211 7.46617 13.1211 7.94105 12.8282 8.23394L11.0607 10.0015L12.8282 11.769C13.1211 12.0619 13.1211 12.5368 12.8282 12.8296C12.5353 13.1225 12.0604 13.1225 11.7675 12.8296L10 11.0621L8.23199 12.8301C7.9391 13.123 7.46422 13.123 7.17133 12.8301C6.87844 12.5372 6.87844 12.0624 7.17133 11.7695L8.93934 10.0015L7.17133 8.23346C6.87844 7.94056 6.87844 7.46569 7.17133 7.17279Z"
+        d="M10.5 15.5036C8.63244 15.5036 7.86165 15.4957 7.25345 15.3149C5.77965 14.8768 4.62681 13.7239 4.18867 12.2501C4.00786 11.6419 4.00003 10.8712 4.00003 9.00358L4 7.00259C3.17157 7.00259 2.5 7.67417 2.5 8.50259L2.50001 9.15446C2.4998 10.8243 2.49966 11.8326 2.75086 12.6776C3.33345 14.6373 4.86634 16.1701 6.82601 16.7527C7.67099 17.0039 8.67926 17.0038 10.3491 17.0036L11.5039 17.0036C12.3323 17.0036 13.0039 16.332 13.0039 15.5036L10.5 15.5036Z"
         fill={color ? color : 'currentColor'}
       />
     </svg>

diff --git a/frontend/src/icons/gmail.tsx b/frontend/src/icons/gmail.tsx
@@ -0,0 +1,36 @@
+/** Copyright (c) 2024, Tegon, all rights reserved. **/
+
+import type { IconProps } from './types';
+
+export function Gmail({ size = 18, className }: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      width={size}
+      height={size}
+      className={className}
+    >
+      <path
+        fill="#4caf50"
+        d="M45,16.2l-5,2.75l-5,4.75L35,40h7c1.657,0,3-1.343,3-3V16.2z"
+      />
+      <path
+        fill="#1e88e5"
+        d="M3,16.2l3.614,1.71L13,23.7V40H6c-1.657,0-3-1.343-3-3V16.2z"
+      />
+      <polygon
+        fill="#e53935"
+        points="35,11.2 24,19.45 13,11.2 12,17 13,23.7 24,31.95 35,23.7 36,17"
+      />
+      <path
+        fill="#c62828"
+        d="M3,12.298V16.2l10,7.5V11.2L9.876,8.859C9.132,8.301,8.228,8,7.298,8h0C4.924,8,3,9.924,3,12.298z"
+      />
+      <path
+        fill="#fbc02d"
+        d="M45,12.298V16.2l-10,7.5V11.2l3.124-2.341C38.868,8.301,39.772,8,40.702,8h0 C43.076,8,45,9.924,45,12.298z"
+      />
+    </svg>
+  );
+}
diff --git a/frontend/src/icons/index.ts b/frontend/src/icons/index.ts
@@ -33,6 +33,9 @@ export * from './delete-line';
 export * from './edit-line';
 export * from './cross-line';
 export * from './bullet-list-line';
+export * from './arrow-forward-line';
+export * from './label-line';
+export * from './gmail';
 
 export * from './team-line';
 export * from './issues-fill';
@@ -46,7 +49,6 @@ export * from './urgent-fill';
 export * from './todo-line';
 export * from './no-priority-line';
 export * from './check-line';
-export * from './label-fill';
 export * from './sub-issue-fill';
 export * from './blocking-to-line';
 export * from './parent-issue-line';

diff --git a/frontend/src/icons/label-fill.tsx b/frontend/src/icons/label-fill.tsx
diff --git a/frontend/src/icons/label-line.tsx b/frontend/src/icons/label-line.tsx
@@ -0,0 +1,25 @@
+/** Copyright (c) 2024, Tegon, all rights reserved. **/
+
+import type { IconProps } from './types';
+
+export function LabelLine({ size = 18, className, color }: IconProps) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      className={className}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.71336 3.53258C9.58958 3.50286 9.44938 3.49804 8.9245 3.49804H5.95C5.37757 3.49804 4.99336 3.49862 4.69748 3.5228C4.41035 3.54626 4.27307 3.58814 4.18251 3.63428C3.94731 3.75412 3.75608 3.94535 3.63624 4.18055C3.5901 4.27111 3.54822 4.40839 3.52476 4.69552C3.50058 4.9914 3.5 5.37561 3.5 5.94804V8.59546C3.5 9.24263 3.50482 9.44398 3.54835 9.62531C3.59122 9.80387 3.66193 9.97457 3.75788 10.1311C3.85531 10.2901 3.99428 10.4359 4.4519 10.8936L8.46025 14.9019C8.96402 15.4057 9.31037 15.7512 9.60045 15.9975C9.88384 16.238 10.0638 16.3395 10.2176 16.3895C10.569 16.5037 10.9477 16.5037 11.2991 16.3895C11.4529 16.3395 11.6329 16.238 11.9162 15.9975C12.2063 15.7512 12.5527 15.4057 13.0564 14.9019L14.9017 13.0566C15.4055 12.5529 15.751 12.2065 15.9973 11.9164C16.2379 11.633 16.3393 11.4531 16.3893 11.2993C16.5035 10.9478 16.5035 10.5692 16.3893 10.2178C16.3393 10.064 16.2379 9.88403 15.9973 9.60064C15.751 9.31055 15.4055 8.96421 14.9017 8.46044L10.6569 4.21563C10.2858 3.84448 10.1832 3.74875 10.0747 3.68224C9.96284 3.6137 9.84091 3.5632 9.71336 3.53258ZM8.99697 1.99801C9.41559 1.99777 9.74511 1.99758 10.0635 2.07402C10.3441 2.14139 10.6124 2.2525 10.8584 2.40328C11.1376 2.57438 11.3705 2.80753 11.6663 3.1037C11.6832 3.12059 11.7003 3.13768 11.7176 3.15497L15.9846 7.42199C16.4608 7.89814 16.8502 8.28754 17.1408 8.62987C17.4416 8.98421 17.6804 9.33715 17.8159 9.75423C18.028 10.407 18.028 11.1101 17.8159 11.7628C17.6804 12.1799 17.4416 12.5329 17.1408 12.8872C16.8502 13.2295 16.4608 13.6189 15.9846 14.0951L14.0949 15.9848C13.6187 16.4609 13.2293 16.8503 12.887 17.141C12.5327 17.4418 12.1797 17.6805 11.7627 17.8161C11.1099 18.0281 10.4068 18.0281 9.75404 17.8161C9.33697 17.6805 8.98403 17.4418 8.62969 17.141C8.28735 16.8503 7.89794 16.4609 7.42179 15.9848L3.39124 11.9542C3.37218 11.9351 3.35336 11.9163 3.33478 11.8978C2.9568 11.5201 2.68077 11.2443 2.47892 10.9149C2.30073 10.6241 2.16941 10.3071 2.0898 9.97547C1.99961 9.59982 1.99977 9.20962 1.99998 8.67528C1.99999 8.64903 2 8.62242 2 8.59546L2 5.91761C1.99999 5.38345 1.99998 4.9376 2.02974 4.57337C2.06078 4.19349 2.12789 3.83683 2.29973 3.49957C2.56338 2.98212 2.98408 2.56142 3.50153 2.29777C3.83879 2.12593 4.19544 2.05882 4.57533 2.02778C4.93956 1.99802 5.38541 1.99803 5.91956 1.99804L8.9245 1.99804C8.94896 1.99804 8.97311 1.99803 8.99697 1.99801Z"
+        fill={color ? color : 'currentColor'}
+      />
+      <path
+        d="M8.90288 7.40287C8.90288 8.2313 8.23131 8.90287 7.40288 8.90287C6.57445 8.90287 5.90288 8.2313 5.90288 7.40287C5.90288 6.57444 6.57445 5.90287 7.40288 5.90287C8.23131 5.90287 8.90288 6.57444 8.90288 7.40287Z"
+        fill={color ? color : 'currentColor'}
+      />
+    </svg>
+  );
+}
diff --git a/frontend/src/icons/related-issue-line.tsx b/frontend/src/icons/related-issue-line.tsx
@@ -2,7 +2,7 @@
 
 import type { IconProps } from './types';
 
-export function RelatedIssueLine({ size = 18, className, color }: IconProps) {
+export function RelatedIssueLine({ size = 16, className, color }: IconProps) {
   return (
     <svg
       width={size}
@@ -12,17 +12,10 @@ export function RelatedIssueLine({ size = 18, className, color }: IconProps) {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <rect
-        x="2"
-        y="2"
-        width="16"
-        height="16"
-        rx="3"
-        stroke={color ? color : 'currentColor'}
-        strokeWidth="2"
-      />
       <path
-        d="M9.5 9C9.77614 9 10 8.77614 10 8.5V7.20711C10 6.76165 10.5386 6.53857 10.8536 6.85355L13.6464 9.64645C13.8417 9.84171 13.8417 10.1583 13.6464 10.3536L10.8536 13.1464C10.5386 13.4614 10 13.2383 10 12.7929V11.5C10 11.2239 9.77614 11 9.5 11H6.5C6.22386 11 6 10.7761 6 10.5V9.5C6 9.22386 6.22386 9 6.5 9H9.5Z"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8.317 2H11.683C12.635 2 13.396 2 14.01 2.05C14.64 2.102 15.182 2.21 15.68 2.463C16.4797 2.87069 17.1297 3.52111 17.537 4.321C17.79 4.818 17.898 5.361 17.95 5.991C18 6.604 18 7.365 18 8.317V11.683C18 12.635 18 13.396 17.95 14.01C17.898 14.64 17.79 15.182 17.537 15.68C17.1295 16.4795 16.4795 17.1295 15.68 17.537C15.182 17.79 14.64 17.898 14.01 17.95C13.396 18 12.635 18 11.683 18H8.317C7.365 18 6.604 18 5.99 17.95C5.36 17.898 4.818 17.79 4.32 17.537C3.52048 17.1296 2.87043 16.4795 2.463 15.68C2.21 15.182 2.102 14.64 2.05 14.01C2 13.396 2 12.635 2 11.683V8.317C2 7.365 2 6.604 2.05 5.99C2.102 5.36 2.21 4.818 2.463 4.32C2.87069 3.52033 3.52111 2.87026 4.321 2.463C4.818 2.21 5.361 2.102 5.991 2.05C6.603 2 7.364 2 8.316 2H8.317ZM6.112 3.545C5.575 3.589 5.252 3.672 5.002 3.8C4.48445 4.06367 4.06367 4.48445 3.8 5.002C3.672 5.252 3.59 5.575 3.545 6.112C3.501 6.658 3.5 7.358 3.5 8.35V11.65C3.5 12.642 3.5 13.342 3.545 13.888C3.589 14.425 3.672 14.748 3.8 14.998C4.06367 15.5156 4.48445 15.9363 5.002 16.2C5.252 16.328 5.575 16.41 6.112 16.455C6.658 16.499 7.358 16.5 8.35 16.5H11.65C12.642 16.5 13.342 16.5 13.888 16.455C14.425 16.411 14.748 16.328 14.998 16.2C15.5152 15.9368 15.9359 15.5168 16.2 15C16.328 14.748 16.41 14.426 16.455 13.889C16.499 13.343 16.5 12.644 16.5 11.651V8.351C16.5 7.359 16.5 6.659 16.455 6.113C16.411 5.576 16.328 5.253 16.2 5.003C15.937 4.48538 15.517 4.06427 15 3.8C14.748 3.672 14.426 3.59 13.889 3.545C13.343 3.501 12.644 3.5 11.651 3.5H8.351C7.359 3.5 6.658 3.5 6.112 3.545ZM10.22 6.97C10.3606 6.82955 10.5512 6.75066 10.75 6.75066C10.9488 6.75066 11.1394 6.82955 11.28 6.97L13.78 9.47C13.9205 9.61063 13.9993 9.80125 13.9993 10C13.9993 10.1988 13.9205 10.3894 13.78 10.53L11.28 13.03C11.2113 13.1037 11.1285 13.1628 11.0365 13.2038C10.9445 13.2448 10.8452 13.2668 10.7445 13.2686C10.6438 13.2704 10.5438 13.2518 10.4504 13.2141C10.357 13.1764 10.2722 13.1203 10.201 13.049C10.1297 12.9778 10.0736 12.893 10.0359 12.7996C9.99816 12.7062 9.97963 12.6062 9.98141 12.5055C9.98318 12.4048 10.0052 12.3055 10.0462 12.2135C10.0872 12.1215 10.1463 12.0387 10.22 11.97L11.44 10.75H6.75C6.55109 10.75 6.36032 10.671 6.21967 10.5303C6.07902 10.3897 6 10.1989 6 10C6 9.80109 6.07902 9.61032 6.21967 9.46967C6.36032 9.32902 6.55109 9.25 6.75 9.25H11.44L10.22 8.03C10.0795 7.88937 10.0007 7.69875 10.0007 7.5C10.0007 7.30125 10.0795 7.11063 10.22 6.97Z"
         fill={color ? color : 'currentColor'}
       />
     </svg>

diff --git a/frontend/src/modules/issues/components/metadata-dropdowns/label/issue-label-dropdown.tsx b/frontend/src/modules/issues/components/metadata-dropdowns/label/issue-label-dropdown.tsx
@@ -11,7 +11,7 @@ import { Badge, BadgeColor } from 'components/ui/badge';
 import { Button } from 'components/ui/button';
 import { Popover, PopoverContent, PopoverTrigger } from 'components/ui/popover';
 import { useTeamLabels } from 'hooks/labels/use-team-labels';
-import { LabelFill } from 'icons';
+import { LabelLine } from 'icons';
 
 import { useContextStore } from 'store/global-context-provider';
 
@@ -108,7 +108,7 @@ export const IssueLabelDropdown = observer(
         const label = labels.find((label: LabelType) => label.id === value[0]);
         return (
           <>
-            <LabelFill size={14} className="text-muted-foreground mr-2" />
+            <LabelLine size={14} className="text-muted-foreground mr-2" />
             {label?.name}
           </>
         );
@@ -117,7 +117,7 @@ export const IssueLabelDropdown = observer(
       if (value.length > 1) {
         return (
           <>
-            <LabelFill size={14} className="text-muted-foreground mr-2" />
+            <LabelLine size={14} className="text-muted-foreground mr-2" />
             {value.length} Labels
           </>
         );

diff --git a/frontend/src/modules/issues/filters-view/filter-dropdown.tsx b/frontend/src/modules/issues/filters-view/filter-dropdown.tsx
@@ -15,7 +15,7 @@ import {
   BlockedFill,
   BlocksFill,
   Filter,
-  LabelFill,
+  LabelLine,
   ParentIssueLine,
   PriorityHigh,
   SubIssue,
@@ -69,7 +69,7 @@ function DefaultPopoverContent({
           className="flex items-center"
           onSelect={onSelect}
         >
-          <LabelFill size={16} className="mr-2" />
+          <LabelLine size={16} className="mr-2" />
           Label
         </CommandItem>
         <CommandItem

diff --git a/frontend/src/modules/issues/new-issue/issue-suggestions.tsx b/frontend/src/modules/issues/new-issue/issue-suggestions.tsx
@@ -65,7 +65,7 @@ export function IssueSuggestions({
   }
 
   return (
-    <div className="flex my-3 items-center gap-2 text-muted-foreground">
+    <div className="flex my-3 items-center gap-2 flex-wrap w-full">
       {(filteredLabels.length > 0 || filteredAssignees.length > 0) && (
         <span className="text-xs text-muted-foreground">Suggestions</span>
       )}

diff --git a/frontend/src/modules/issues/single-issue/issue-actions/issue-options-dropdown.tsx b/frontend/src/modules/issues/single-issue/issue-actions/issue-options-dropdown.tsx
@@ -18,7 +18,7 @@ import {
   DropdownMenuTrigger,
 } from 'components/ui/dropdown-menu';
 import { useIssueData } from 'hooks/issues';
-import { TeamLine } from 'icons';
+import { ArrowForwardLine } from 'icons';
 
 import { DeleteIssueDialog } from './delete-issue-dialog';
 import { DeleteIssueItem } from './delete-issue-item';
@@ -53,7 +53,7 @@ export function IssueOptionsDropdown() {
         </DropdownMenuTrigger>
         <DropdownMenuContent align="start">
           <DropdownMenuItem onClick={() => setMoveIssueDialog(true)}>
-            <DropdownItem Icon={TeamLine} title="Move to team" />
+            <DropdownItem Icon={ArrowForwardLine} title="Move to team" />
           </DropdownMenuItem>
           <LinkedIssueItems setDialogOpen={setDialogOpen} />
           <RelatedDropdownItems setRelatedModal={setRelatedModal} />

diff --git a/...tend/src/modules/issues/single-issue/left-side/activity/issue-activity/label-activity.tsx b/...tend/src/modules/issues/single-issue/left-side/activity/issue-activity/label-activity.tsx
@@ -7,7 +7,7 @@ import type { LabelType } from 'common/types/label';
 
 import { Badge, BadgeColor } from 'components/ui/badge';
 import { TimelineItem } from 'components/ui/timeline';
-import { LabelFill } from 'icons';
+import { LabelLine } from 'icons';
 
 import { useContextStore } from 'store/global-context-provider';
 
@@ -38,7 +38,7 @@ export function LabelActivity({
         date={showTime && issueHistory.updatedAt}
       >
         <div className="flex items-center text-muted-foreground">
-          <LabelFill size={20} className="mr-4" />
+          <LabelLine size={20} className="mr-4" />
 
           <div className="flex items-center">
             <span className="mr-2 font-medium text-foreground">{username}</span>
@@ -67,7 +67,7 @@ export function LabelActivity({
       date={showTime && issueHistory.updatedAt}
     >
       <div className="flex items-center text-muted-foreground">
-        <LabelFill size={20} className="mr-4" />
+        <LabelLine size={20} className="mr-4" />
 
         <div className="flex items-center">
           <span className="mr-2 font-medium text-foreground">{username}</span>