From 3d5ea0627b70eabb62af148b21abc3bc90d7a746 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 6 May 2024 12:14:56 +0530
Subject: [PATCH] add changelog

---
 .../{Notifications.jsx => Changelog.jsx}       | 18 +++++++++++++++---
 src/components/HelpModal.jsx                   | 14 +++++---------
 src/components/app.jsx                         |  4 ++--
 3 files changed, 22 insertions(+), 14 deletions(-)
 rename src/components/{Notifications.jsx => Changelog.jsx} (98%)

diff --git a/src/components/Notifications.jsx b/src/components/Changelog.jsx
similarity index 98%
rename from src/components/Notifications.jsx
rename to src/components/Changelog.jsx
index cc773fb..b0e72d5 100644
--- a/src/components/Notifications.jsx
+++ b/src/components/Changelog.jsx
@@ -1,5 +1,6 @@
 import { h } from 'preact';
 import { Button } from './common';
+import { Icon } from './Icons';
 
 function NotificationItem({ type, label, children }) {
 	var strongTag;
@@ -83,15 +84,18 @@ function Notification({ version, isLatest, ...props }) {
 							rel="noopener noreferrer"
 							class="btn"
 						>
-							Please rate Web Maker <span class="star" />
+							Please rate Web Maker &nbsp;
+							<span class="star" />
 						</a>
 						&nbsp;
 						<a
+							class="btn"
 							href="http://twitter.com/share?url=https://webmaker.app/&text=Web Maker - A blazing fast %26 offline frontend playground! via @webmakerApp&related=webmakerApp&hashtags=web,editor,chrome,extension"
 							target="_blank"
 							rel="noopener noreferrer"
 							class="btn"
 						>
+							<Icon name="twitter" />
 							Share it
 						</a>
 					</p>
@@ -100,11 +104,19 @@ function Notification({ version, isLatest, ...props }) {
 		</div>
 	);
 }
-export function Notifications(props) {
+export function Changelog(props) {
 	return (
 		<div>
 			<h1>Whats new?</h1>
-			<Notification version="6.0.0" {...props} isLatest={true}>
+			<Notification version="6.1.0" {...props} isLatest={true}>
+				<li>
+					<strong>🕹️ Kaboom game engine</strong>: Kaboom.js is now available in
+					quick-add library list. Also, a new template to quick-start in Kaboom
+					has been added.
+				</li>
+			</Notification>
+
+			<Notification version="6.0.0" {...props}>
 				<li>
 					<strong>🎁 PRO plan 🎉</strong>: Today I introduce to you - Web
 					Maker's PRO plan! A set of additional super-features which you can
diff --git a/src/components/HelpModal.jsx b/src/components/HelpModal.jsx
index ca86989..3b7b899 100644
--- a/src/components/HelpModal.jsx
+++ b/src/components/HelpModal.jsx
@@ -63,17 +63,13 @@ export function HelpModal(props) {
 					</Trans>
 				</p>
 				<p style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
-					<Button
-						onClick={props.onSupportBtnClick}
-						data-event-action="supportDeveloperHelpBtnClick"
-						data-event-category="ui"
+					<a
+						href="http://twitter.com/share?url=https://webmaker.app/&text=Web Maker - A blazing fast %26 offline web playground! via @webmakerApp&related=webmakerApp&hashtags=web,frontend,playground,offline"
+						rel="noopener noreferrer"
 						class="btn btn-icon"
 					>
-						<svg>
-							<use xlinkHref="#gift-icon" />
-						</svg>
-						<Trans>Support the developer</Trans>
-					</Button>{' '}
+						<Trans>Share Web Maker</Trans>
+					</a>{' '}
 					<a
 						href="https://chromewebstore.google.com/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
 						target="_blank"
diff --git a/src/components/app.jsx b/src/components/app.jsx
index d47f662..47e9741 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -37,7 +37,7 @@ import {
 
 import { itemService } from '../itemService';
 import '../db';
-import { Notifications } from './Notifications';
+import { Changelog } from './Changelog';
 import Settings from './Settings.jsx';
 import { modes, HtmlModes, CssModes, JsModes } from '../codeModes';
 import { trackEvent } from '../analytics';
@@ -1848,7 +1848,7 @@ export default class App extends Component {
 							this.setState({ isNotificationsModalOpen: false })
 						}
 					>
-						<Notifications
+						<Changelog
 							onSupportBtnClick={this.openSupportDeveloperModal.bind(this)}
 						/>
 					</Modal>