From 3cc3eaeec39a3e1b606cf66dbc2e64c821389315 Mon Sep 17 00:00:00 2001
From: sitara-dev <sw.sitara@gmail.com>
Date: Fri, 22 Sep 2023 15:58:47 +0530
Subject: [PATCH 1/3] close drawer

---
 .../components/Profile/DrawerEditProfile.svelte    | 14 +++++++++++---
 src/lib/utils.ts                                   |  6 ++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Profile/DrawerEditProfile.svelte b/src/lib/components/Profile/DrawerEditProfile.svelte
index 8dba2043..cbdeb840 100644
--- a/src/lib/components/Profile/DrawerEditProfile.svelte
+++ b/src/lib/components/Profile/DrawerEditProfile.svelte
@@ -4,10 +4,12 @@
 	import DrawerAddCategory from '$lib/components/Browse/DrawerAddCategory.svelte'
 	import IconLink from '$lib/assets/icons/IconLink.svelte'
 	import { category_list } from '$lib/stores/channelStore'
-	import { createEffect } from '$lib/utils'
+	import { createEffect, objectMonitor } from '$lib/utils'
 
 	export let showDrawer: boolean
 	export let profile: any
+	
+	let isProfileUpdated = objectMonitor($page.data.profile)
 
 	let inputFields = [...profile.urls]
 
@@ -82,7 +84,13 @@
 		}
 	}, [$page.params])
 
-	console.info('profile', profile)
+	$: useOueryEffect(() => {
+		if(isProfileUpdated($page.data.profile)){
+			if (submitBtn) submitBtn.disabled = false
+			toggleDrawer()
+		}
+	}, [$page.data.profile])
+
 </script>
 
 <div class="drawer drawer-end absolute w-full z-20 top-0 right-0">
@@ -168,7 +176,7 @@
 											<IconLink />
 										</div>
 									</div>
-									{#if index === inputFields.length - 1}
+									{#if index === inputFields.length - 1 && inputFields.length < 10}
 										<button
 											type="button"
 											class="btn btn-primary text-white"
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 04179e6b..8ad8015e 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -339,3 +339,9 @@ export const dataURLtoFile = (dataurl: string, filename: string) => {
 	}
 	return new File([u8arr], filename, { type: mime })
 }
+
+export const objectMonitor = (object:any) => {
+	return (currentState:any) => {
+		return JSON.stringify(object) !== JSON.stringify(currentState)
+	}
+}
\ No newline at end of file

From 9117a32aae51dbde51efed885643399beddc2e6c Mon Sep 17 00:00:00 2001
From: sitara-dev <sw.sitara@gmail.com>
Date: Tue, 26 Sep 2023 12:25:39 +0530
Subject: [PATCH 2/3] scroll on mobile

---
 src/lib/components/Profile/Elements/UserDetails.svelte | 7 +++----
 src/lib/components/Profile/Favicon.svelte              | 6 +++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/Profile/Elements/UserDetails.svelte b/src/lib/components/Profile/Elements/UserDetails.svelte
index 27f01c01..0ccb29a4 100644
--- a/src/lib/components/Profile/Elements/UserDetails.svelte
+++ b/src/lib/components/Profile/Elements/UserDetails.svelte
@@ -44,13 +44,12 @@
 			{profile.bio || ''}
 		</div>
 	{/if}
+	
 	<div class="pt-4 mb-2">
-		<div class="flex gap-2 justify-center items-center p-4">
+		<div class="flex gap-2 justify-center items-center lg:overflow-hidden overflow-auto max-w-full ">
 			{#each profile.urls || [] as url, index (index)}
 				{#if url}
-					<div class="tooltip" data-tip={url}>
-						<Favicon {url} />
-					</div>
+					<Favicon {url} />
 				{/if}
 			{/each}
 		</div>
diff --git a/src/lib/components/Profile/Favicon.svelte b/src/lib/components/Profile/Favicon.svelte
index 71689df8..e19c2d45 100644
--- a/src/lib/components/Profile/Favicon.svelte
+++ b/src/lib/components/Profile/Favicon.svelte
@@ -17,11 +17,11 @@
 </script>
 
 {#if faviconUrl}
-	<a class="link link-info" href={url} target="_blank" rel="noreferrer">
-		<img class="w-10 h-10" src={faviconUrl} alt="Favicon" />
+	<a class="link link-info w-10 tooltip" href={url} data-tip={url} target="_blank" rel="noreferrer">
+		<img class="w-full" src={faviconUrl} alt="Favicon" />
 	</a>
 {:else}
-	<a class="link link-info" href={url} target="_blank" rel="noreferrer">
+	<a class="w-10 h-10 link link-info tooltip" href={url} data-tip={url} target="_blank" rel="noreferrer">
 		<IconLink />
 	</a>
 {/if}

From dcff89411d9cca6835525cc2c9059ea062be36b7 Mon Sep 17 00:00:00 2001
From: sitara-dev <sw.sitara@gmail.com>
Date: Tue, 26 Sep 2023 12:28:09 +0530
Subject: [PATCH 3/3] set category margin

---
 src/lib/components/Profile/Elements/UserDetails.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/Profile/Elements/UserDetails.svelte b/src/lib/components/Profile/Elements/UserDetails.svelte
index 0ccb29a4..fb416e97 100644
--- a/src/lib/components/Profile/Elements/UserDetails.svelte
+++ b/src/lib/components/Profile/Elements/UserDetails.svelte
@@ -55,7 +55,7 @@
 		</div>
 
 		{#if profile.category?.length}
-			<div class="flex gap-2 justify-center">
+			<div class="flex gap-2 justify-center mt-8">
 				{#each profile.category as category}
 					<div class="tooltip" data-tip={category}>
 						<img src={$category_list[category]} alt="" class="h-7 w-7 m-1" />