a way to reload data into states from a component

This commit is contained in:
moist-webDev 2023-06-10 22:32:20 -04:00
parent 60e64d5802
commit bbf09c9b4b
1 changed files with 20 additions and 1 deletions

21
App.tsx
View File

@ -135,6 +135,25 @@ export default function App() {
setOthers([]); setOthers([]);
} }
const resyncData = async () => {
const movies = await db.from('movies').select().eq();
if (movies.data) {
setMovies(movies.data);
}
const shows = await db.from('shows').select().eq();
if (shows.data) {
setShows(shows.data);
}
const otherCategories = await db.from('categories').select().eq();
if (otherCategories.data) {
setOtherCategories(otherCategories.data);
}
const others = await db.from('others').select().eq();
if (others.data) {
setOthers(others.data);
}
}
return ( return (
<View style={{...styles.mainContainer, backgroundColor: theme.background}}> <View style={{...styles.mainContainer, backgroundColor: theme.background}}>
<NativeRouter> <NativeRouter>
@ -145,7 +164,7 @@ export default function App() {
<Route path="/shows" element={<Shows theme={theme} shows={shows} setShows={setShows}/>}/> <Route path="/shows" element={<Shows theme={theme} shows={shows} setShows={setShows}/>}/>
<Route path="/categories" element={<OtherCat theme={theme} otherCategories={otherCategories} setOtherCategories={setOtherCategories} setSelCat={setSelCat} setShowBack={setShowBack} setTitle={setTitle} setOthers={setOthers}/>} /> <Route path="/categories" element={<OtherCat theme={theme} otherCategories={otherCategories} setOtherCategories={setOtherCategories} setSelCat={setSelCat} setShowBack={setShowBack} setTitle={setTitle} setOthers={setOthers}/>} />
<Route path="/other" element={<Other theme={theme} selCat={selCat} others={others} setOthers={setOthers} setSelCat={setSelCat}/>} /> <Route path="/other" element={<Other theme={theme} selCat={selCat} others={others} setOthers={setOthers} setSelCat={setSelCat}/>} />
<Route path="/settings" element={<Settings theme={theme} changeTheme={changeTheme} themeMode={themeMode} clearAll={clearAll}/>} /> <Route path="/settings" element={<Settings theme={theme} changeTheme={changeTheme} themeMode={themeMode} clearAll={clearAll} resyncData={resyncData}/>} />
</Routes> </Routes>
<Navbar theme={theme} setTitle={setTitle} setShowBack={setShowBack}/> <Navbar theme={theme} setTitle={setTitle} setShowBack={setShowBack}/>
<StatusBar style={theme.statusbar} /> <StatusBar style={theme.statusbar} />