From a11b6c38f63ce00ac67781ccc64b699a3556fe8f Mon Sep 17 00:00:00 2001
From: benjl <benluijkx@gmail.com>
Date: Sun, 21 Jan 2024 23:02:24 -0700
Subject: [PATCH] feat: Remove changelog from about section

---
 layout/pages/drawer/about.xml  | 12 +-------
 scripts/pages/drawer/about.js  | 50 ++--------------------------------
 styles/pages/drawer/about.scss | 23 ----------------
 3 files changed, 3 insertions(+), 82 deletions(-)

diff --git a/layout/pages/drawer/about.xml b/layout/pages/drawer/about.xml
index 91be5356..267d7853 100644
--- a/layout/pages/drawer/about.xml
+++ b/layout/pages/drawer/about.xml
@@ -16,18 +16,8 @@
 			<Label class="about__description" html="true" text="#About_Description" />
 		</Panel>
 		<Panel class="about__main">
-			<Panel class="about__tabs tabs ">
-				<RadioButton id="CreditsButton" class="about__tab tabs__tab" group="AboutSections" selected="true" onactivate="About.switchSection('credits')">
-					<Label class="tabs__text" text="#About_Credits_Title" />
-				</RadioButton>
-				<RadioButton id="ChangelogButton" class="about__tab tabs__tab" group="AboutSections" onactivate="About.switchSection('changelog')">
-					<Label class="tabs__text" text="#About_Changelog_Title" />
-				</RadioButton>
-			</Panel>
 			<Panel class="about__section-container">
-				<Frame id="Credits" src="file://{resources}/layout/pages/drawer/credits.xml" class="about__section about-credits about__section--hidden" />
-				<Panel id="Changelog" class="about__section about__section--hidden">
-				</Panel>
+				<Frame id="Credits" src="file://{resources}/layout/pages/drawer/credits.xml" class="about__section about-credits" />
 			</Panel>
 		</Panel>
 	</Panel>
diff --git a/scripts/pages/drawer/about.js b/scripts/pages/drawer/about.js
index 3efc330b..75adbed3 100644
--- a/scripts/pages/drawer/about.js
+++ b/scripts/pages/drawer/about.js
@@ -1,37 +1,14 @@
-const CHANGELOG_FILE_PATH = 'panorama/data/changelog.vdf';
-
 class About {
-	static sections = {
-		/** @type {Panel} @static */
-		credits: $('#Credits'),
-		/** @type {Panel} @static */
-		changelog: $('#Changelog')
-	};
+	static credits = $('#Credits');
 
 	static onLoad() {
-		this.loadChangelog();
-
 		this.initCreditEvents();
 
-		this.switchSection('credits');
-
 		$.GetContextPanel().SetDialogVariable('version', MomentumAPI.GetVersionInfo().version);
 	}
 
-	static switchSection(section) {
-		const newSection = this.sections[section];
-
-		if (!newSection) return;
-
-		if (this.activeSection) this.activeSection.AddClass('about__section--hidden');
-
-		newSection.RemoveClass('about__section--hidden');
-
-		this.activeSection = newSection;
-	}
-
 	static initCreditEvents() {
-		for (const panel of this.sections.credits.FindChildrenWithClassTraverse('about-credits__name')) {
+		for (const panel of this.credits.FindChildrenWithClassTraverse('about-credits__name')) {
 			const name = panel.GetAttributeString('name', '');
 			const roles = panel.GetAttributeString('roles', '');
 			const bio = panel.GetAttributeString('bio', '');
@@ -69,27 +46,4 @@ class About {
 			panel.SetPanelEvent('onmouseout', () => UiToolkitAPI.HideCustomLayoutTooltip('CreditsTooltip'));
 		}
 	}
-
-	static loadChangelog() {
-		const changelogData = $.LoadKeyValuesFile(CHANGELOG_FILE_PATH);
-
-		for (const [version, versionData] of Object.entries(changelogData)) {
-			$.CreatePanel('Label', this.sections.changelog, '', {
-				class: 'about-changelog__version',
-				text: version
-			});
-
-			for (const [category, categoryData] of Object.entries(versionData)) {
-				$.CreatePanel('Label', this.sections.changelog, '', {
-					class: 'about-changelog__category',
-					text: category
-				});
-
-				$.CreatePanel('Label', this.sections.changelog, '', {
-					class: 'about-changelog__item',
-					text: ' • ' + Object.values(categoryData).join('\n • ')
-				});
-			}
-		}
-	}
 }
diff --git a/styles/pages/drawer/about.scss b/styles/pages/drawer/about.scss
index 5e4dc7f4..06817f9a 100644
--- a/styles/pages/drawer/about.scss
+++ b/styles/pages/drawer/about.scss
@@ -51,10 +51,6 @@
 		flow-children: down;
 		overflow: squish scroll;
 		padding: 16px 24px;
-
-		&--hidden {
-			visibility: collapse;
-		}
 	}
 }
 
@@ -124,22 +120,3 @@
 		}
 	}
 }
-
-.about-changelog {
-	&__version {
-		@include mixin.font-styles($use-header: true);
-		font-size: 36px;
-		margin-bottom: 6px;
-	}
-
-	&__category {
-		font-size: 18px;
-		font-weight: bold;
-		margin-left: 4px;
-	}
-
-	&__item {
-		font-size: 14px;
-		margin-bottom: 8px;
-	}
-}