fix: Project Rendering Error in Kanban Layout and Layout Rendering Fixes in Subscribed Profile Issues (#2629)

* fix: rendering projects error in kanabn layout in profile issues and resolved multiplr layout rendering in subscribed profile issues

* fix: implemented spinner loader in profile issues and remove logs in kanban layout

web/components/issues/issue-layouts/kanban/default.tsx

@@ -178,8 +178,7 @@ export const KanBan: React.FC<IKanBan> = observer((props) => {
 
   return (
     <div className="relative w-full h-full">
-      {/* TODO: have to implement */}
+      {group_by && group_by === "project" && (
-      {group_by && group_by === "projects" && (
         <GroupByKanBan
           issues={issues}
           group_by={group_by}

web/components/issues/issue-layouts/kanban/swimlanes.tsx

@@ -286,6 +286,28 @@ export const KanBanSwimLanes: React.FC<IKanBanSwimLanes> = observer((props) => {
         )}
       </div>
 
+      {sub_group_by && sub_group_by === "project" && (
+        <SubGroupSwimlane
+          issues={issues}
+          sub_group_by={sub_group_by}
+          group_by={group_by}
+          list={projects}
+          listKey={`id`}
+          handleIssues={handleIssues}
+          quickActions={quickActions}
+          displayProperties={displayProperties}
+          kanBanToggle={kanBanToggle}
+          handleKanBanToggle={handleKanBanToggle}
+          showEmptyGroup={showEmptyGroup}
+          states={states}
+          stateGroups={stateGroups}
+          priorities={priorities}
+          labels={labels}
+          members={members}
+          projects={projects}
+        />
+      )}
+
       {sub_group_by && sub_group_by === "state" && (
         <SubGroupSwimlane
           issues={issues}

web/pages/[workspaceSlug]/profile/[userId]/assigned.tsx

@@ -9,6 +9,7 @@ import { ProfileAuthWrapper } from "layouts/profile-layout";
 import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesListLayout } from "components/issues/issue-layouts/list/roots/profile-issues-root";
 import { ProfileIssuesKanBanLayout } from "components/issues/issue-layouts/kanban/roots/profile-issues-root";
+import { Spinner } from "@plane/ui";
 // hooks
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -46,7 +47,9 @@ const ProfileAssignedIssuesPage: NextPageWithLayout = observer(() => {
   return (
     <>
       {isLoading ? (
-        <div>Loading...</div>
+        <div className="flex justify-center items-center w-full h-full">
+          <Spinner />
+        </div>
       ) : (
         <div className="w-full h-full relative overflow-auto -z-1">
           {activeLayout === "list" ? (

web/pages/[workspaceSlug]/profile/[userId]/created.tsx

@@ -11,6 +11,7 @@ import { ProfileAuthWrapper } from "layouts/profile-layout";
 import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesListLayout } from "components/issues/issue-layouts/list/roots/profile-issues-root";
 import { ProfileIssuesKanBanLayout } from "components/issues/issue-layouts/kanban/roots/profile-issues-root";
+import { Spinner } from "@plane/ui";
 // types
 import { NextPageWithLayout } from "types/app";
 
@@ -42,7 +43,9 @@ const ProfileCreatedIssuesPage: NextPageWithLayout = () => {
   return (
     <>
       {isLoading ? (
-        <div>Loading...</div>
+        <div className="flex justify-center items-center w-full h-full">
+          <Spinner />
+        </div>
       ) : (
         <div className="w-full h-full relative overflow-auto -z-1">
           {activeLayout === "list" ? (

web/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx

@@ -11,6 +11,7 @@ import { ProfileAuthWrapper } from "layouts/profile-layout";
 import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesListLayout } from "components/issues/issue-layouts/list/roots/profile-issues-root";
 import { ProfileIssuesKanBanLayout } from "components/issues/issue-layouts/kanban/roots/profile-issues-root";
+import { Spinner } from "@plane/ui";
 // types
 import { NextPageWithLayout } from "types/app";
 
@@ -40,10 +41,11 @@ const ProfileSubscribedIssuesPage: NextPageWithLayout = () => {
   const activeLayout = profileIssueFiltersStore.userDisplayFilters.layout;
 
   return (
-    <AppLayout header={<UserProfileHeader />}>
+    <>
-      <ProfileAuthWrapper showProfileIssuesFilter>
       {isLoading ? (
-          <div>Loading...</div>
+        <div className="flex justify-center items-center w-full h-full">
+          <Spinner />
+        </div>
       ) : (
         <div className="w-full h-full relative overflow-auto -z-1">
           {activeLayout === "list" ? (
@@ -53,8 +55,7 @@ const ProfileSubscribedIssuesPage: NextPageWithLayout = () => {
           ) : null}
         </div>
       )}
-      </ProfileAuthWrapper>
+    </>
-    </AppLayout>
   );
 };