From c26c82cdfa4096d4216dc85c1323f63a3dc77f33 Mon Sep 17 00:00:00 2001
From: Sygnator <mateusz@sygnator.com>
Date: Wed, 17 Apr 2024 21:31:29 +0200
Subject: [PATCH 1/3] fix: profile image url no longer disappear

---
 src/lib/components/SideBar.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/components/SideBar.svelte b/src/lib/components/SideBar.svelte
index f990975..2971d02 100644
--- a/src/lib/components/SideBar.svelte
+++ b/src/lib/components/SideBar.svelte
@@ -19,6 +19,8 @@
 	let spanClass = 'flex-1 ms-3 whitespace-nowrap';
 	let openModal = false;
 
+	let imageUrl = '';
+
 	let cardsAmount = 12;
 	let shadowsOpacity = 30;
 
@@ -169,6 +171,7 @@
 					size="small"
 					style="filled"
 					type="text"
+					bind:value={imageUrl}
 					on:change={handleChange(profileConfig.setImage)}
 				>
 					Obrazek

From 45908555b2a149ef4dea5465060406c519a36024 Mon Sep 17 00:00:00 2001
From: Sygnator <mateusz@sygnator.com>
Date: Thu, 18 Apr 2024 20:53:31 +0200
Subject: [PATCH 2/3] fix: invert shadows opacity

---
 src/lib/components/SideBar.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/SideBar.svelte b/src/lib/components/SideBar.svelte
index 2971d02..abf7876 100644
--- a/src/lib/components/SideBar.svelte
+++ b/src/lib/components/SideBar.svelte
@@ -22,7 +22,7 @@
 	let imageUrl = '';
 
 	let cardsAmount = 12;
-	let shadowsOpacity = 30;
+	let shadowsOpacity = 70;
 
 	function changeKarma() {
 		if ($profileConfig.karma == KarmaState.Angel) {
@@ -122,13 +122,13 @@
 					>Przeźroczystość paska</Toggle
 				>
 				<Label>
-					Cienie: {`${shadowsOpacity < 10 ? '  ' : shadowsOpacity < 100 ? ' ' : ''}${shadowsOpacity + '%'}`}
+					Przeźroczystość cieni: {`${shadowsOpacity < 10 ? '  ' : shadowsOpacity < 100 ? ' ' : ''}${shadowsOpacity + '%'}`}
 					<Range
 						min="0"
 						max="100"
 						step="1"
 						bind:value={shadowsOpacity}
-						on:change={() => profileConfig.setShadowsOpacity(shadowsOpacity / 100)}
+						on:change={() => profileConfig.setShadowsOpacity((100 - shadowsOpacity) / 100)}
 					></Range>
 				</Label>
 			{/if}

From 7a4cfd7c1fd87859ac6fb366397722511c4133ee Mon Sep 17 00:00:00 2001
From: Sygnator <mateusz@sygnator.com>
Date: Thu, 18 Apr 2024 21:07:45 +0200
Subject: [PATCH 3/3] refactor: sidebar configuration group

---
 src/lib/components/SideBar.svelte | 59 +++++++++----------------------
 1 file changed, 17 insertions(+), 42 deletions(-)

diff --git a/src/lib/components/SideBar.svelte b/src/lib/components/SideBar.svelte
index abf7876..0adde60 100644
--- a/src/lib/components/SideBar.svelte
+++ b/src/lib/components/SideBar.svelte
@@ -185,46 +185,17 @@
 			{/if}
 		</SidebarGroup>
 
-		{#if $profileConfig.profileType == ProfileTypeEnum.Stats}
-			<SidebarGroup border>
+		<SidebarGroup border>
+			{#if $profileConfig.profileType == ProfileTypeEnum.Stats || $profileConfig.profileType == ProfileTypeEnum.StatsOnImg || $profileConfig.profileType == ProfileTypeEnum.StatsWithImg}
 				<Toggle checked={$profileConfig.animeStats} on:change={profileConfig.switchAnimeStats}>
 					Pokaż Statystyki Anime
 				</Toggle>
 				<Toggle checked={$profileConfig.mangaStats} on:change={profileConfig.switchMangaStats}>
 					Pokaż Statystyki Mangi
 				</Toggle>
-				<Toggle checked={$profileConfig.cardsStats} on:change={profileConfig.switchCardsStats}>
-					Pokaż Karciankę
-				</Toggle>
-				<Toggle checked={$profileConfig.flip} on:change={profileConfig.switchFlip}>
-					Odwróć układ
-				</Toggle>
-				<SidebarItem label="Karma" {spanClass} on:click={changeKarma}>
-					<svelte:fragment slot="icon">
-						<img src={`/profile_assets/${$profileConfig.karma}.png`} alt="karma" />
-					</svelte:fragment>
-					<svelte:fragment slot="subtext">
-						<span
-							class="ms-3 inline-flex items-center justify-center rounded-full bg-gray-200 px-2 text-sm font-medium text-gray-800 dark:bg-gray-700 dark:text-gray-300"
-						>
-							{#if $profileConfig.karma == KarmaState.Angel}
-								Dodatnia
-							{:else if $profileConfig.karma == KarmaState.Demon}
-								Ujemna
-							{:else}
-								Neutralna
-							{/if}
-						</span>
-					</svelte:fragment>
-				</SidebarItem>
-			</SidebarGroup>
-		{/if}
+			{/if}
 
-		{#if $profileConfig.profileType == ProfileTypeEnum.MiniGallery}
-			<SidebarGroup border>
-				<Toggle checked={$profileConfig.cardsStats} on:change={profileConfig.switchCardsStats}>
-					Pokaż Karciankę
-				</Toggle>
+			{#if $profileConfig.profileType == ProfileTypeEnum.MiniGallery || $profileConfig.profileType == ProfileTypeEnum.MiniGalleryOnImg}
 				<Toggle checked={$profileConfig.miniGallery} on:change={profileConfig.switchMiniGallery}>
 					Pokaż mini galerię
 				</Toggle>
@@ -237,9 +208,15 @@
 					Ilość kart
 				</Toggle>
 				<Tooltip content="Ilość kart w minigalerii - 6 lub 2" placement="left" type="auto" />
-				<Toggle checked={$profileConfig.flip} on:change={profileConfig.switchFlip}
-					>Odwróć układ</Toggle
-				>
+			{/if}
+
+			{#if $profileConfig.profileType != ProfileTypeEnum.Img && $profileConfig.profileType != ProfileTypeEnum.Cards && $profileConfig.profileType != ProfileTypeEnum.CardsOnImg}
+				<Toggle checked={$profileConfig.cardsStats} on:change={profileConfig.switchCardsStats}>
+					Pokaż Karciankę
+				</Toggle>
+				<Toggle checked={$profileConfig.flip} on:change={profileConfig.switchFlip}>
+					Odwróć układ
+				</Toggle>
 				<SidebarItem label="Karma" {spanClass} on:click={changeKarma}>
 					<svelte:fragment slot="icon">
 						<img src={`/profile_assets/${$profileConfig.karma}.png`} alt="karma" />
@@ -258,11 +235,9 @@
 						</span>
 					</svelte:fragment>
 				</SidebarItem>
-			</SidebarGroup>
-		{/if}
+			{/if}
 
-		{#if $profileConfig.profileType == ProfileTypeEnum.Cards}
-			<SidebarGroup border>
+			{#if $profileConfig.profileType == ProfileTypeEnum.Cards || $profileConfig.profileType == ProfileTypeEnum.CardsOnImg}
 				<Label>
 					Ilość kart: {cardsAmount < 10 ? '0' + cardsAmount : cardsAmount}
 					<Range
@@ -273,8 +248,8 @@
 						on:change={() => profileConfig.setCardsAmount(cardsAmount)}
 					></Range>
 				</Label>
-			</SidebarGroup>
-		{/if}
+			{/if}
+		</SidebarGroup>
 	</SidebarWrapper>
 </Sidebar>
 <ChooseCustomBorder bind:openModal />