From 606ba5cfcc20c15cd9215a89688134211d246054 Mon Sep 17 00:00:00 2001 From: Stephen Gordon Date: Thu, 21 Mar 2024 17:04:53 +0000 Subject: [PATCH] added login design --- public/manifest.json | 8 ++++---- src/app/layout.tsx | 13 ++++++++----- src/app/login/page.tsx | 34 ++++++++++++++++++++++------------ src/app/notification/route.ts | 2 +- 4 files changed, 35 insertions(+), 22 deletions(-) diff --git a/public/manifest.json b/public/manifest.json index 3074865..38da9ec 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,8 +1,8 @@ { - "name": "Next-13 PWA", - "short_name": "PWA", - "theme_color": "#101012", - "background_color": "#101012", + "name": "Payments", + "short_name": "Payments", + "theme_color": "#020817", + "background_color": "#020817", "display": "standalone", "orientation": "portrait", "scope": "/", diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fa16bd5..26d837c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -77,17 +77,20 @@ export default function RootLayout({ Payments, Stephen Gordon - + - - - + + + - + { const [isInstalled, setIsInstalled] = useState(false); const [installationPrompt, setInstallationPrompt] = useState(); @@ -61,18 +64,25 @@ const Page = () => { return ( <> -
-
-

Payments

-
- {!isInstalled && isAndroid ? ( - - ) : ( - - )} -
+
+
+ +
+
+ +
+ + Log in or Sign up + + {/* + Enter your email below to create your account + */} +
+ + +
diff --git a/src/app/notification/route.ts b/src/app/notification/route.ts index b4e6cfb..22ee928 100644 --- a/src/app/notification/route.ts +++ b/src/app/notification/route.ts @@ -23,7 +23,7 @@ export const POST = async (req: NextRequest) => { const response = await webPush.sendNotification( subscription, JSON.stringify({ - title: `PWA Payments`, + title: `Payments`, message: `${message}`, }) );