chore(rwa): demo banner (#2771)

kadena-community · Jan 7, 2025 · 7ac01e1 · 7ac01e1
1 parent c23f8a7
commit 7ac01e1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/.changeset/giant-cups-guess.md b/.changeset/giant-cups-guess.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/apps/rwa-demo/src/app/(app)/layout.tsx b/packages/apps/rwa-demo/src/app/(app)/layout.tsx
@@ -10,6 +10,7 @@ import {
 
 import { ActiveTransactionsList } from '@/components/ActiveTransactionsList/ActiveTransactionsList';
 import { AssetInfo } from '@/components/AssetInfo/AssetInfo';
+import { DemoBanner } from '@/components/DemoBanner/DemoBanner';
 import { TransactionPendingIcon } from '@/components/TransactionPendingIcon/TransactionPendingIcon';
 import { useAccount } from '@/hooks/account';
 import { useTransactions } from '@/hooks/transactions';
@@ -86,6 +87,11 @@ const RootLayout = ({
         </RightAside>
       )}
       <SideBarLayout
+        topBanner={
+          <Stack width="100%" gap="xs" flexDirection="column">
+            <DemoBanner />
+          </Stack>
+        }
         logo={
           <Link href="/">
             <KLogo height={40} />

diff --git a/packages/apps/rwa-demo/src/components/DemoBanner/DemoBanner.tsx b/packages/apps/rwa-demo/src/components/DemoBanner/DemoBanner.tsx
@@ -0,0 +1,12 @@
+import { Notification, NotificationHeading } from '@kadena/kode-ui';
+import type { FC } from 'react';
+
+export const DemoBanner: FC = () => {
+  return (
+    <Notification role="status" type="inlineStacked" intent="info">
+      <NotificationHeading>
+        This is a demo app. And is not running on Mainnet
+      </NotificationHeading>
+    </Notification>
+  );
+};