From 2069607e7742a5694e82f83a72a9799db36ed17e Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Fri, 9 Feb 2024 17:07:35 +1100
Subject: [PATCH] feat: add changelog button

---
 src/SEQTA.ts                       | 2 +-
 src/interface/SettingsPage.tsx     | 3 +++
 src/seqta/utils/MessageListener.ts | 5 ++++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index 86c89f36..b8db1219 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -117,7 +117,7 @@ export async function HideMenuItems(): Promise<void> {
   }
 }
 
-function OpenWhatsNewPopup() {
+export function OpenWhatsNewPopup() {
   const background = document.createElement('div')
   background.id = 'whatsnewbk'
   background.classList.add('whatsnewBackground')
diff --git a/src/interface/SettingsPage.tsx b/src/interface/SettingsPage.tsx
index ff1c4709..9f5a9dae 100644
--- a/src/interface/SettingsPage.tsx
+++ b/src/interface/SettingsPage.tsx
@@ -5,6 +5,8 @@ import logoDark from './assets/betterseqta-light-full.png';
 import Shortcuts from './pages/Shortcuts';
 import Picker from './components/Picker';
 import Themes from './pages/Themes';
+
+import browser from 'webextension-polyfill';
 import { memo } from 'react';
 
 interface SettingsPage {
@@ -32,6 +34,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
       <div className="grid border-b border-b-zinc-200/40 place-items-center">
         <img src={logo} className="w-4/5 dark:hidden" />
         <img src={logoDark} className="hidden w-4/5 dark:block" />
+        <button onClick={() => browser.runtime.sendMessage({ type: 'currentTab', info: 'OpenChangelog' })} className="absolute w-8 h-8 text-lg rounded-xl font-IconFamily top-1 right-1 bg-zinc-100 dark:bg-zinc-700"></button>
       </div>
       <Picker />
       <TabbedContainer tabs={tabs} />
diff --git a/src/seqta/utils/MessageListener.ts b/src/seqta/utils/MessageListener.ts
index aa6d3c66..883fbca4 100644
--- a/src/seqta/utils/MessageListener.ts
+++ b/src/seqta/utils/MessageListener.ts
@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill'
 
-import { MenuOptionsOpen, OpenMenuOptions, closeSettings } from '../../SEQTA';
+import { MenuOptionsOpen, OpenMenuOptions, OpenWhatsNewPopup, closeSettings } from '../../SEQTA';
 import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme } from '../ui/Themes';
 
 export class MessageHandler {
@@ -42,6 +42,9 @@ export class MessageHandler {
         sendResponse({ status: 'success' });
       });
       return true;
+    case 'OpenChangelog':
+      OpenWhatsNewPopup();
+      break;
     
     default:
       console.log('Unknown request info:', request.info);