Merge pull request #17 from layerswap/dev

add github action for main-sandbox and sandbox banner

.github/workflows/rebase-main-sandbox.yml

@@ -0,0 +1,22 @@
+name: Main to main-sandbox
+on: 
+  push:
+    branches: [main]
+permissions:
+  contents: write
+jobs:
+  rebase-main-sandbox:
+    timeout-minutes: 2
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Set Git config
+      run: |
+          git config --local user.email "actions@github.com"
+          git config --local user.name "Github Actions"
+    - name: Merge main to main-sandbox
+      run: |
+          git fetch --unshallow
+          git checkout main-sandbox
+          git rebase main 
+          git push

components/Header.tsx

@@ -9,8 +9,18 @@ import { FileText, Layers } from 'lucide-react'
 export default function Header() {
     const pathname = usePathname();
     const basePath = process.env.NEXT_PUBLIC_APP_BASE_PATH
+    const version = process.env.NEXT_PUBLIC_API_VERSION
     return (
         <header className="max-w-6xl w-full mx-auto">
+            {
+                version === 'sandbox' &&
+                <div className='px-6 lg:px-8'>
+                    <div className="h-0.5 bg-[#D95E1B] rounded-full " />
+                    <div className="absolute -top-0.5 right-[calc(50%-68px)] bg-[#D95E1B] py-0.5 px-10 rounded-b-md text-xs scale-75 text-white">
+                        TESTNET
+                    </div>
+                </div>
+            }
             <nav className={`mx-auto max-w-6xl grid grid-cols-2 lg:grid-cols-6 lg:grid-rows-1 items-center gap-y-4 py-6 px-6 lg:px-8 ${pathname !== '/' ? 'grid-rows-2' : 'grid-rows-1'}`} aria-label="Global">
                 <Link href="/" className="-m-1.5 p-1.5 order-1 col-span-1">
                     <LayerswapExplorerLogo className="h-14 w-auto text-primary-logoColor" />
@@ -31,6 +41,6 @@ export default function Header() {
                     </Link>
                 </div>
             </nav>
-        </header>
+        </header >
     )
 }