From c523fc16fbd43e9f16916e5ac56bb4874f945065 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Mon, 16 Dec 2024 16:41:39 +0545
Subject: [PATCH 1/4] fix(more): if not instructions, show message

---
 src/mapper/src/lib/components/more/index.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/mapper/src/lib/components/more/index.svelte b/src/mapper/src/lib/components/more/index.svelte
index e95566cb31..6c487ced37 100644
--- a/src/mapper/src/lib/components/more/index.svelte
+++ b/src/mapper/src/lib/components/more/index.svelte
@@ -24,7 +24,7 @@
 	type Props = {
 		projectData: ProjectData;
 		zoomToTask: (taskId: number) => void;
-	}
+	};
 
 	let { projectData, zoomToTask }: Props = $props();
 	const taskStore = getTaskStore();
@@ -94,9 +94,15 @@
 	{/if}
 
 	{#if activeStack === 'Instructions'}
-		<Editor editable={false} content={projectData?.per_task_instructions} />
+		{#if projectData?.per_task_instructions}
+			<Editor editable={false} content={projectData?.per_task_instructions} />
+		{:else}
+			<div class="flex justify-center mt-10">
+				<p class="text-[#484848] text-base">No Instructions</p>
+			</div>
+		{/if}
 	{/if}
 	{#if activeStack === 'Activities'}
-		<Activities {taskEvents} zoomToTask={zoomToTask} />
+		<Activities {taskEvents} {zoomToTask} />
 	{/if}
 </div>

From fbdfcabbcb5d2f58074fc43d56e691c6f4bc88c5 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Mon, 16 Dec 2024 17:42:33 +0545
Subject: [PATCH 2/4] fix(page): margin remove from h5

---
 src/mapper/src/styles/page.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/mapper/src/styles/page.css b/src/mapper/src/styles/page.css
index ef12c3c43b..c738fcc7c9 100644
--- a/src/mapper/src/styles/page.css
+++ b/src/mapper/src/styles/page.css
@@ -40,3 +40,7 @@
 p {
 	margin: 0px;
 }
+
+h5 {
+	margin: 0;
+}

From 6433fee35acbb1b3aacea29286e93bc4a58efdbf Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Mon, 16 Dec 2024 17:44:08 +0545
Subject: [PATCH 3/4] fix(more): project information stack add

---
 src/mapper/src/lib/components/more/index.svelte | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/mapper/src/lib/components/more/index.svelte b/src/mapper/src/lib/components/more/index.svelte
index 6c487ced37..bb826caefc 100644
--- a/src/mapper/src/lib/components/more/index.svelte
+++ b/src/mapper/src/lib/components/more/index.svelte
@@ -2,11 +2,17 @@
 	import Editor from '$lib/components/editor/editor.svelte';
 	import Comment from '$lib/components/more/comment.svelte';
 	import Activities from '$lib/components/more/activities.svelte';
+	import ProjectInfo from '$lib/components/more/project-info.svelte';
 	import { getTaskStore } from '$store/tasks.svelte.ts';
 	import type { ProjectData, TaskEventType } from '$lib/types';
 
-	type stackType = '' | 'Comment' | 'Instructions' | 'Activities';
+	type stackType = '' | 'Comment' | 'Instructions' | 'Activities' | 'Project Information';
+
 	const stackGroup: { icon: string; title: stackType }[] = [
+		{
+			icon: 'info-circle',
+			title: 'Project Information',
+		},
 		{
 			icon: 'chat',
 			title: 'Comment',
@@ -88,11 +94,11 @@
 			<p class="text-[1.125rem] font-barlow-semibold">{activeStack}</p>
 		</div>
 	{/if}
+
 	<!-- body -->
 	{#if activeStack === 'Comment'}
 		<Comment {comments} projectId={projectData?.id} />
 	{/if}
-
 	{#if activeStack === 'Instructions'}
 		{#if projectData?.per_task_instructions}
 			<Editor editable={false} content={projectData?.per_task_instructions} />
@@ -105,4 +111,5 @@
 	{#if activeStack === 'Activities'}
 		<Activities {taskEvents} {zoomToTask} />
 	{/if}
+	{#if activeStack === 'Project Information'}<ProjectInfo {projectData} />{/if}
 </div>

From eae07c9eebf59e8f4ac9828613a5a6c7853a1181 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Mon, 16 Dec 2024 17:44:57 +0545
Subject: [PATCH 4/4] feat(project-info): project information section add

---
 .../lib/components/more/project-info.svelte   | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/mapper/src/lib/components/more/project-info.svelte

diff --git a/src/mapper/src/lib/components/more/project-info.svelte b/src/mapper/src/lib/components/more/project-info.svelte
new file mode 100644
index 0000000000..e6b4d62b8f
--- /dev/null
+++ b/src/mapper/src/lib/components/more/project-info.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	type descriptionType = {
+		key: string;
+		value: string;
+	};
+
+	const { projectData } = $props();
+
+	const descriptionList: descriptionType[] = [
+		{ key: 'Project ID', value: projectData?.id },
+		{ key: 'Total Tasks', value: projectData?.tasks?.length },
+		{ key: 'Organization Name', value: projectData?.organisation_name },
+	];
+</script>
+
+<h5 class="text-lg text-[#333333] font-barlow-semibold mb-6 mt-3">{projectData?.name}</h5>
+<div class="flex flex-col gap-3">
+	<h5 class="text-base text-[#D73F3F] font-barlow-semibold">Description</h5>
+	<p class="text-sm text-[#2B2B2B] font-barlow-regular">{projectData?.description}</p>
+	<div class="flex flex-col gap-2">
+		{#each descriptionList as description}
+			<div class="grid grid-cols-2">
+				<p class="text-sm text-[#2B2B2B] font-barlow-regular">{description.key}</p>
+				<p class="text-sm text-[#161616] font-barlow-semibold">
+					<span class="px-2">:</span>
+					{description?.value || '-'}
+				</p>
+			</div>
+		{/each}
+	</div>
+</div>