Switch to jotai atom with storage + suspense for favorites list

1 files changed, 12 insertions, 10 deletions

diff --git a/App.tsx b/App.tsx
index dd4cdd8..76ea9f1 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,18 +1,20 @@
-import React from 'react';
-import {SafeAreaView} from 'react-native';
+import React, {Suspense} from 'react';
+import {SafeAreaView, View} from 'react-native';
 import {GestureHandlerRootView} from 'react-native-gesture-handler';
-import {View} from './src/View';
+import {AppView} from './src/AppView';
 import {Provider as JotaiProvider} from 'jotai';
 
 const App: React.FC = () => {
   return (
-    <JotaiProvider>
-      <GestureHandlerRootView>
-        <SafeAreaView className="flex flex-1 bg-black text-slate-200">
-          <View />
-        </SafeAreaView>
-      </GestureHandlerRootView>
-    </JotaiProvider>
+    <Suspense fallback={<View className="flex flex-1 bg-black" />}>
+      <JotaiProvider>
+        <GestureHandlerRootView>
+          <SafeAreaView className="flex flex-1 bg-black text-slate-200">
+            <AppView />
+          </SafeAreaView>
+        </GestureHandlerRootView>
+      </JotaiProvider>
+    </Suspense>
   );
 };