Merge pull request #88 from shapeshift/deploy-sandbox

feat(sandbox): deploy app to github pages

.github/workflows/deploy-sandbox.yml

@@ -1,5 +1,5 @@
 # Simple workflow for deploying static content to GitHub Pages
-name: Deploy static content to Pages
+name: Deploy Static Content to Pages
 
 on:
   # Runs on pushes targeting the default branch
@@ -46,8 +46,8 @@ jobs:
           restore-keys: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
       - name: Yarn Install
         run: yarn install --immutable
-      - name: Build Sandbox
-        run: yarn build:sandbox
+      - name: Build Sandbox and Packages
+        run: yarn build
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Upload artifact

packages/sandbox/_redirects

@@ -0,0 +1 @@
+/*    /index.html  200

packages/sandbox/package.json

@@ -3,6 +3,7 @@
   "name": "sandbox",
   "version": "0.1.0",
   "license": "MIT",
+  "homepage": "https://shapeshift.github.io/metamask-snaps/",
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
     "build": "rimraf ./build && react-app-rewired build",

packages/sandbox/src/App.tsx

@@ -2,7 +2,7 @@ import '@fontsource/inter'
 import '@fontsource/work-sans'
 
 import { Box, ChakraProvider, Grid, GridItem } from '@chakra-ui/react'
-import { BrowserRouter } from 'react-router-dom'
+import { HashRouter as Router } from 'react-router-dom'
 
 // import { ColorModeSwitcher } from './ColorModeSwitcher'
 import { Footer } from './components/Layout/Footer/Footer'
@@ -13,7 +13,7 @@ import { theme } from './theme'
 
 export const App = () => (
   <ChakraProvider theme={theme}>
-    <BrowserRouter>
+    <Router>
       <Box textAlign='center' fontSize='xl'>
         <Grid
           minH='100vh'
@@ -45,6 +45,6 @@ export const App = () => (
           </GridItem>
         </Grid>
       </Box>
-    </BrowserRouter>
+    </Router>
   </ChakraProvider>
 )