From dca56f0ecd9d6df0b8b4d27dffd237475a0eb8be Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Mon, 24 Mar 2025 19:24:15 +0530
Subject: [PATCH] chore: work item identifier loader

---
 .../issues/issue-details/issue-identifier.tsx          | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/ce/components/issues/issue-details/issue-identifier.tsx b/web/ce/components/issues/issue-details/issue-identifier.tsx
index 1e87d387ec9..6fb290ed9a8 100644
--- a/web/ce/components/issues/issue-details/issue-identifier.tsx
+++ b/web/ce/components/issues/issue-details/issue-identifier.tsx
@@ -3,7 +3,7 @@ import { observer } from "mobx-react";
 // types
 import { IIssueDisplayProperties } from "@plane/types";
 // ui
-import { setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
+import { Loader, setToast, TOAST_TYPE, Tooltip } from "@plane/ui";
 // helpers
 import { cn } from "@/helpers/common.helper";
 // hooks
@@ -91,6 +91,14 @@ export const IssueIdentifier: React.FC<TIssueIdentifierProps> = observer((props)
 
   if (!shouldRenderIssueID) return null;
 
+  if (!projectIdentifier || !issueSequenceId) {
+    return (
+      <Loader className="flex flex-shrink-0 w-10 h-4">
+        <Loader.Item height="100%" width="100%" />
+      </Loader>
+    );
+  }
+
   return (
     <div className="flex items-center space-x-2">
       <IdentifierText