feat(settings): rename display settings

4 files changed, 17 insertions, 17 deletions

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eae53f7a..47253acc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,7 +27,7 @@
 </script>
 
 <div id="container">
-	{#if $settings.hoverNavigation}
+	{#if $settings.displayHoverNavigation}
 		<div id="hover-header">
 			「 <a href="/">Home</a> • <a href="/completed">Completed</a> •
 			<a href="/updates">Manga & WN Updates</a> •
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 66d93d73..d8ba06f0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -15,7 +15,7 @@
 	let lastActivityWasToday = true;
 
 	onMount(async () => {
-		if ($settings.limitListHeight) {
+		if ($settings.displayLimitListHeight) {
 			document.querySelectorAll('.list').forEach((list) => {
 				(list as HTMLElement).style.maxHeight = `calc(100vh - ${
 					document.querySelector('#list-container')?.getBoundingClientRect().bottom
@@ -34,7 +34,7 @@
 				(await lastActivityDate(currentUserIdentity)).toDateString() >= new Date().toDateString();
 
 			if (!lastActivityWasToday) {
-				if ($settings.limitListHeight) {
+				if ($settings.displayLimitListHeight) {
 					document.querySelectorAll('.list').forEach((list) => {
 						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
 							document.querySelector('#list-container')?.getBoundingClientRect().top
@@ -81,7 +81,7 @@
 		Please log in to view due media.
 	{:else}
 		{#if !$settings.disableUpcomingAnime}
-			<details open={!$settings.closeUpcomingAnimeByDefault} class="list">
+			<details open={!$settings.displayUpcomingAnimeCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<UpcomingAnimeList user={data.user} identity={currentUserIdentity} />
 				{:else}
@@ -93,7 +93,7 @@
 		{/if}
 
 		{#if !$settings.disableAnime}
-			<details open={!$settings.closeAnimeByDefault} class="list">
+			<details open={!$settings.displayAnimeCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<AnimeList user={data.user} identity={currentUserIdentity} />
 				{:else}
@@ -105,7 +105,7 @@
 		{/if}
 
 		{#if !$settings.disableManga}
-			<details open={!$settings.closeMangaByDefault} class="list">
+			<details open={!$settings.displayMangaCollapsed} class="list">
 				{#if currentUserIdentity.id != -1}
 					<MangaListTemplate
 						user={data.user}
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index badeda67..0606deb9 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -14,7 +14,7 @@
 	let lastActivityWasToday = true;
 
 	onMount(async () => {
-		if ($settings.limitListHeight) {
+		if ($settings.displayLimitListHeight) {
 			document.querySelectorAll('.list').forEach((list) => {
 				(list as HTMLElement).style.maxHeight = `calc(100vh - ${
 					document.querySelector('#list-container')?.getBoundingClientRect().bottom
@@ -33,7 +33,7 @@
 				(await lastActivityDate(currentUserIdentity)).toDateString() >= new Date().toDateString();
 
 			if (!lastActivityWasToday) {
-				if ($settings.limitListHeight) {
+				if ($settings.displayLimitListHeight) {
 					document.querySelectorAll('.list').forEach((list) => {
 						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
 							document.querySelector('#list-container')?.getBoundingClientRect().top
@@ -79,7 +79,7 @@
 	{#if data.user === undefined}
 		Please log in to view due media.
 	{:else}
-		<details open={!$settings.closeAnimeByDefault} class="list">
+		<details open={!$settings.displayAnimeCollapsed} class="list">
 			{#if currentUserIdentity.id != -1}
 				<WatchingAnimeList user={data.user} identity={currentUserIdentity} />
 			{:else}
@@ -89,7 +89,7 @@
 			{/if}
 		</details>
 
-		<details open={!$settings.closeMangaByDefault} class="list">
+		<details open={!$settings.displayMangaCollapsed} class="list">
 			{#if currentUserIdentity.id != -1}
 				<MangaListTemplate
 					user={data.user}
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 75d586c6..b85fcc9e 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -103,17 +103,17 @@
 		<SettingCheckboxToggle setting="disableAnime" text="Disable anime" lineBreak={false} />
 		<SettingCheckboxToggle setting="disableManga" text="Disable manga" />
 		<SettingCheckboxToggle
-			setting="closeUpcomingAnimeByDefault"
+			setting="displayUpcomingAnimeCollapsed"
 			text="Collapse upcoming anime panels by default"
 			lineBreak={false}
 		/>
 		<SettingCheckboxToggle
-			setting="closeAnimeByDefault"
+			setting="displayAnimeCollapsed"
 			text="Collapse anime panels by default"
 			lineBreak={false}
 		/>
-		<SettingCheckboxToggle setting="closeMangaByDefault" text="Collapse manga panel by default" />
-		<SettingCheckboxToggle setting="limitListHeight" text="Limit list area to screen" />
+		<SettingCheckboxToggle setting="displayMangaCollapsed" text="Collapse manga panel by default" />
+		<SettingCheckboxToggle setting="displayLimitListHeight" text="Limit list area to screen" />
 		<SettingCheckboxToggle setting="displaySocialButton" text="Display social button for anime" />
 		<SettingCheckboxToggle
 			setting="displayCountdownRightAligned"
@@ -133,7 +133,7 @@
 			<SettingCheckboxToggle setting="displayFurigana" text="Display furigana for titles" />
 		{/if}
 
-		<SettingCheckboxToggle setting="hoverNavigation" text="Display navigation as hover bar">
+		<SettingCheckboxToggle setting="displayHoverNavigation" text="Display navigation as hover bar">
 			<SettingHint lineBreak>
 				Minimises and moves navigation to the top-left corner of the screen, visible only on hover.
 				Intended for use on desktop devices.
@@ -153,7 +153,7 @@
 		<br />
 
 		<SettingCheckboxToggle
-			setting="sortByDifference"
+			setting="displaySortedByDifference"
 			text="Sort anime by difference between last watched and next episode"
 		>
 			<SettingHint lineBreak>
@@ -174,7 +174,7 @@
 
 		<p />
 
-		<select bind:value={$settings.outboundLinksTo}>
+		<select bind:value={$settings.displayOutboundLinksTo}>
 			<option value="anilist">AniList</option>
 			<option value="livechartme">LiveChart.me</option>
 			<option value="animeschedule">AnimeSchedule</option>