From fb8f43f4bb7c72ec0e8e5e4150d5e99f028eb158 Mon Sep 17 00:00:00 2001
From: mporotlali2-sketch
Date: Wed, 2 Sep 2026 22:08:34 +0200
Subject: [PATCH] Fix React TypeScript types and update BM Alpha UI
---
package-lock.json | 29 +++++++++++++++++++++++++++++
package.json | 6 ++++--
src/components/CommunityCTA.tsx | 2 +-
src/components/Countdown.tsx | 9 ++++++++-
src/components/HeroSection.tsx | 4 ++--
src/components/HowToBuySection.tsx | 2 +-
src/config.ts | 6 +++---
7 files changed, 48 insertions(+), 10 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 7c627b0..7dca626 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,8 @@
"devDependencies": {
"@types/express": "^4.17.21",
"@types/node": "^22.14.0",
+ "@types/react": "^19.2.18",
+ "@types/react-dom": "^19.2.5",
"autoprefixer": "^10.4.21",
"esbuild": "^0.25.0",
"tailwindcss": "^4.1.14",
@@ -1632,6 +1634,26 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/@types/react": {
+ "version": "19.2.18",
+ "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.18.tgz",
+ "integrity": "sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "csstype": "^3.2.2"
+ }
+ },
+ "node_modules/@types/react-dom": {
+ "version": "19.2.5",
+ "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.5.tgz",
+ "integrity": "sha512-fMPwH9v7r/pp43yUd2/Mbiex5KouJwwR3dzHkhLREUC6764VyDsqxhAxv6OFEYR1RhjOyD1naqba8ECDBe7ZQg==",
+ "dev": true,
+ "license": "MIT",
+ "peerDependencies": {
+ "@types/react": "^19.2.0"
+ }
+ },
"node_modules/@types/retry": {
"version": "0.12.0",
"resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
@@ -1985,6 +2007,13 @@
"integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
"license": "MIT"
},
+ "node_modules/csstype": {
+ "version": "3.2.3",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+ "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+ "dev": true,
+ "license": "MIT"
+ },
"node_modules/data-uri-to-buffer": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
diff --git a/package.json b/package.json
index 042154b..58e79c8 100644
--- a/package.json
+++ b/package.json
@@ -25,13 +25,15 @@
"vite": "^6.2.3"
},
"devDependencies": {
+ "@types/express": "^4.17.21",
"@types/node": "^22.14.0",
+ "@types/react": "^19.2.18",
+ "@types/react-dom": "^19.2.5",
"autoprefixer": "^10.4.21",
"esbuild": "^0.25.0",
"tailwindcss": "^4.1.14",
"tsx": "^4.21.0",
"typescript": "~5.8.2",
- "vite": "^6.2.3",
- "@types/express": "^4.17.21"
+ "vite": "^6.2.3"
}
}
diff --git a/src/components/CommunityCTA.tsx b/src/components/CommunityCTA.tsx
index fd9081b..9da75c4 100644
--- a/src/components/CommunityCTA.tsx
+++ b/src/components/CommunityCTA.tsx
@@ -45,7 +45,7 @@ export const CommunityCTA: React.FC = () => {
id="community-cta-subheading"
className="mt-4 text-xl sm:text-2xl lg:text-3xl font-extrabold text-[#00A6DB] dark:text-[#00D7FF] drop-shadow-sm"
>
- BM Alpha launches September 3 at 10 PM GMT.
+ BM Alpha launches September 17 at 10 PM GMT.
diff --git a/src/components/Countdown.tsx b/src/components/Countdown.tsx
index 9683aa3..4b5d1a7 100644
--- a/src/components/Countdown.tsx
+++ b/src/components/Countdown.tsx
@@ -11,6 +11,13 @@ interface TimeLeft {
}
export const Countdown: React.FC = () => {
+ const launchDateLabel = new Intl.DateTimeFormat('en-US', {
+ month: 'short',
+ day: 'numeric',
+ year: 'numeric',
+ timeZone: 'UTC',
+ }).format(new Date(LAUNCH_DATE)).toUpperCase();
+
const calculateTimeLeft = (): TimeLeft => {
const target = new Date(LAUNCH_DATE).getTime();
const now = new Date().getTime();
@@ -67,7 +74,7 @@ export const Countdown: React.FC = () => {
- SEP 3, 2026
+ {launchDateLabel}
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 4e5052a..7baa4cb 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -33,7 +33,7 @@ export const HeroSection: React.FC = () => {
>
🚀
- OFFICIAL LAUNCH: SEPTEMBER 3, 2026 AT 10 PM GMT
+ OFFICIAL LAUNCH: SEPTEMBER 17, 2026 AT 10 PM GMT
@@ -63,7 +63,7 @@ export const HeroSection: React.FC = () => {
id="hero-description"
className="mt-4 text-base sm:text-lg text-slate-600 dark:text-gray-400 max-w-2xl font-medium"
>
- Built for the community. Powered by memes. Launching September 3, 2026 at 10 PM GMT on Solana.
+ Built for the community. Powered by memes. Launching September 17, 2026 at 10 PM GMT on Solana.
{/* Primary CTA Buttons */}
diff --git a/src/components/HowToBuySection.tsx b/src/components/HowToBuySection.tsx
index 1e48389..4276cd8 100644
--- a/src/components/HowToBuySection.tsx
+++ b/src/components/HowToBuySection.tsx
@@ -176,7 +176,7 @@ export const HowToBuySection: React.FC = () => {
- Trading opens on Solana decentralized exchanges upon launch on September 3, 2026 at 10 PM GMT.
+ Trading opens on Solana decentralized exchanges upon launch on September 17, 2026 at 10 PM GMT.
diff --git a/src/config.ts b/src/config.ts
index 2c95818..f439ab2 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -4,8 +4,8 @@
*/
// Official Launch Date (Configurable in one single place)
-// Target: September 3, 2026 at 22:00 GMT (UTC)
-export const LAUNCH_DATE = "2026-09-03T22:00:00Z";
+// Target: September 17, 2026 at 22:00 GMT (UTC)
+export const LAUNCH_DATE = "2026-09-17T22:00:00Z";
// Token Contract Address (Easily replaced once live on Solana mainnet)
export const CONTRACT_ADDRESS = "COMING SOON";
@@ -25,7 +25,7 @@ export const TOKEN_INFO = {
name: "BM Alpha",
ticker: "BMALPHA",
network: "Solana",
- launchDateString: "September 3, 2026",
+ launchDateString: "September 17, 2026",
totalSupply: "10,000,000,000 BMALPHA",
totalSupplyNumber: 10000000000,
buySellTax: "0% / 0%",