From ed8d00acb1d3ace4bb71ca0b5c73c5ceac801664 Mon Sep 17 00:00:00 2001
From: Akshita Goyal <36129505+gakshita@users.noreply.github.com>
Date: Fri, 11 Apr 2025 19:49:35 +0530
Subject: [PATCH] [WEB-3849] chore: added intake source in the list (#6919)

* chore: added intake source in the list

* fix: refactor
---
 web/ce/components/inbox/source-pill.tsx                    | 7 +++++++
 web/core/components/inbox/sidebar/inbox-list-item.tsx      | 6 +++++-
 .../issue-activity/activity/actions/default.tsx            | 4 +++-
 web/ee/components/inbox/source-pill.tsx                    | 1 +
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 web/ce/components/inbox/source-pill.tsx
 create mode 100644 web/ee/components/inbox/source-pill.tsx

diff --git a/web/ce/components/inbox/source-pill.tsx b/web/ce/components/inbox/source-pill.tsx
new file mode 100644
index 000000000..6e42f6880
--- /dev/null
+++ b/web/ce/components/inbox/source-pill.tsx
@@ -0,0 +1,7 @@
+import { EInboxIssueSource } from "@plane/constants";
+
+export type TInboxSourcePill = {
+  source: EInboxIssueSource;
+};
+
+export const InboxSourcePill = (props: TInboxSourcePill) => <></>;
diff --git a/web/core/components/inbox/sidebar/inbox-list-item.tsx b/web/core/components/inbox/sidebar/inbox-list-item.tsx
index 6762c2528..1b21c97be 100644
--- a/web/core/components/inbox/sidebar/inbox-list-item.tsx
+++ b/web/core/components/inbox/sidebar/inbox-list-item.tsx
@@ -15,6 +15,7 @@ import { renderFormattedDate } from "@/helpers/date-time.helper";
 import { getFileURL } from "@/helpers/file.helper";
 import { useLabel, useMember, useProjectInbox } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
+import { InboxSourcePill } from "@/plane-web/components/inbox/source-pill";
 
 type InboxIssueListItemProps = {
   workspaceSlug: string;
@@ -65,7 +66,10 @@ export const InboxIssueListItem: FC<InboxIssueListItemProps> = observer((props)
               <div className="flex-shrink-0 text-xs font-medium text-custom-text-300">
                 {projectIdentifier}-{issue.sequence_id}
               </div>
-              {inboxIssue.status !== -2 && <InboxIssueStatus inboxIssue={inboxIssue} iconSize={12} />}
+              <div className="flex items-center gap-2">
+                {inboxIssue.source && <InboxSourcePill source={inboxIssue.source} />}
+                {inboxIssue.status !== -2 && <InboxIssueStatus inboxIssue={inboxIssue} iconSize={12} />}
+              </div>
             </div>
             <h3 className="truncate w-full text-sm">{issue.name}</h3>
           </div>
diff --git a/web/core/components/issues/issue-detail/issue-activity/activity/actions/default.tsx b/web/core/components/issues/issue-detail/issue-activity/activity/actions/default.tsx
index 100be6a13..b9a1f4bbe 100644
--- a/web/core/components/issues/issue-detail/issue-activity/activity/actions/default.tsx
+++ b/web/core/components/issues/issue-detail/issue-activity/activity/actions/default.tsx
@@ -6,6 +6,7 @@ import { observer } from "mobx-react";
 import { EInboxIssueSource } from "@plane/constants";
 import { LayersIcon } from "@plane/ui";
 // hooks
+import { capitalizeFirstLetter } from "@plane/utils";
 import { useIssueDetail } from "@/hooks/store";
 // local imports
 import { IssueActivityBlockComponent } from "./";
@@ -34,7 +35,8 @@ export const IssueDefaultActivity: FC<TIssueDefaultActivity> = observer((props)
         {activity.verb === "created" ? (
           source && source !== EInboxIssueSource.IN_APP ? (
             <span>
-              created the work item via <span className="font-medium">{source.toLowerCase()}</span>.
+              created the work item via{" "}
+              <span className="font-medium">{capitalizeFirstLetter(source.toLowerCase() || "")}</span>.
             </span>
           ) : (
             <span> created the work item.</span>
diff --git a/web/ee/components/inbox/source-pill.tsx b/web/ee/components/inbox/source-pill.tsx
new file mode 100644
index 000000000..a3be79206
--- /dev/null
+++ b/web/ee/components/inbox/source-pill.tsx
@@ -0,0 +1 @@
+export * from "ce/components/inbox/source-pill";