From 057ddf1310d258258c6b1b7901c98d442f87287d Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Fri, 15 Sep 2023 12:40:55 +0530
Subject: [PATCH] style: loader for issue details sidebar

---
 .../issues/sidebar-custom-attributes-list.tsx         | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/web/components/issues/sidebar-custom-attributes-list.tsx b/web/components/issues/sidebar-custom-attributes-list.tsx
index 57fbf07b8..683aeb5cd 100644
--- a/web/components/issues/sidebar-custom-attributes-list.tsx
+++ b/web/components/issues/sidebar-custom-attributes-list.tsx
@@ -20,6 +20,7 @@ import {
 import { ICustomAttributeValueFormData, IIssue } from "types";
 // constants
 import { CUSTOM_ATTRIBUTES_LIST } from "constants/custom-attributes";
+import { Loader } from "components/ui";
 
 type Props = {
   issue: IIssue | undefined;
@@ -77,6 +78,16 @@ export const SidebarCustomAttributesList: React.FC<Props> = observer(({ issue })
 
   if (!issue || !issue?.entity) return null;
 
+  if (!entityAttributes[issue.entity] || !issueAttributeValues?.[issue.id])
+    return (
+      <Loader className="space-y-4">
+        <Loader.Item height="30px" />
+        <Loader.Item height="30px" />
+        <Loader.Item height="30px" />
+        <Loader.Item height="30px" />
+      </Loader>
+    );
+
   return (
     <div>
       {Object.values(entityAttributes?.[issue.entity] ?? {}).map((attribute) => {