From 53f7a81bbeaafcf50f1d32b55f32cf51fdabeec0 Mon Sep 17 00:00:00 2001
From: tomjeatt <40243778+tomjeatt@users.noreply.github.com>
Date: Fri, 2 Aug 2024 14:58:29 +0100
Subject: [PATCH] feature: add unsupported alert (#94)

* feature: add unsupported alert

* chore: update copy
---
 apps/bob-pay/src/App.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/bob-pay/src/App.tsx b/apps/bob-pay/src/App.tsx
index 4408eb481..6a2df30ca 100644
--- a/apps/bob-pay/src/App.tsx
+++ b/apps/bob-pay/src/App.tsx
@@ -3,7 +3,7 @@ import { ReactNode, Suspense, lazy, useEffect } from 'react';
 import { BrowserRouter, Route, Routes, useLocation } from 'react-router-dom';
 import { DynamicEmbeddedWidget, useDynamicContext } from '@dynamic-labs/sdk-react-core';
 import { usePrices } from '@gobob/react-query';
-import { Card, Flex, P, TextLink } from '@gobob/ui';
+import { Alert, Card, Flex, P, TextLink } from '@gobob/ui';
 
 import { Header, Layout, Main } from './components';
 import { CHAIN, RoutesPath } from './constants';
@@ -33,6 +33,9 @@ const ProtectedRoute = ({ children }: { children: ReactNode }) => {
   if (!isAuthenticated) {
     return (
       <Main maxWidth='md' padding='md'>
+        <Alert status='info' variant='outlined'>
+          BOB Pay is currently in testing. Please try it at your own risk.
+        </Alert>
         <Flex alignItems='center' direction='column' gap='2xl' marginTop='xl' style={{ width: '100%' }}>
           <Card bordered={false} padding='none' style={{ width: '100%' }}>
             <DynamicEmbeddedWidget background='none' />