a way to reload data into states from a component
This commit is contained in:
parent
60e64d5802
commit
bbf09c9b4b
21
App.tsx
21
App.tsx
|
|
@ -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} />
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue