Implement Web versions of the bottom sheet, toast, and progress circle

1 files changed, 5 insertions, 9 deletions

diff --git a/src/App.web.tsx b/src/App.web.tsx
index 838b81ee2..9a6fedd5a 100644
--- a/src/App.web.tsx
+++ b/src/App.web.tsx
@@ -1,9 +1,8 @@
 import React, {useState, useEffect} from 'react'
-import {RootSiblingParent} from 'react-native-root-siblings'
-import {GestureHandlerRootView} from 'react-native-gesture-handler'
 import * as view from './view/index'
 import {RootStoreModel, setupState, RootStoreProvider} from './state'
 import * as Routes from './view/routes'
+import Toast from './view/com/util/Toast'
 
 function App() {
   const [rootStore, setRootStore] = useState<RootStoreModel | undefined>(
@@ -22,13 +21,10 @@ function App() {
   }
 
   return (
-    <GestureHandlerRootView style={{flex: 1}}>
-      <RootSiblingParent>
-        <RootStoreProvider value={rootStore}>
-          <Routes.Root />
-        </RootStoreProvider>
-      </RootSiblingParent>
-    </GestureHandlerRootView>
+    <RootStoreProvider value={rootStore}>
+      <Routes.Root />
+      <Toast.ToastContainer />
+    </RootStoreProvider>
   )
 }