add donation banner

alextusinean · Aug 20, 2023 · ba1d992 · ba1d992
1 parent 0fc1db5
commit ba1d992
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,4 +1,4 @@
-import { ChakraProvider } from '@chakra-ui/react';
+import { ChakraProvider, Alert, AlertIcon, AlertTitle, AlertDescription, Link, Box } from '@chakra-ui/react';
 import Head from 'next/head';
 
 export default function App({ Component, pageProps }) {
@@ -16,6 +16,19 @@ export default function App({ Component, pageProps }) {
       </Head>
 
       <ChakraProvider>
+        <Box position='fixed' zIndex='9999' width='100%' top='0'>
+          <Alert
+            status='info'
+            alignItems='center'
+            justifyContent='center'
+            textAlign='center'
+            variant='solid'
+          >
+            <AlertIcon />
+            <AlertTitle>This tool is free to use!</AlertTitle>
+            <AlertDescription>Consider showing some love to the developer: <Link href='https://paypal.me/tusinean' color='blue'>PayPal</Link></AlertDescription>
+          </Alert>
+        </Box>
         <Component {...pageProps} />
       </ChakraProvider>
     </>