Create FilterPage and route #7 #12

prosjekt-4/components/App.tsx

@@ -10,11 +10,13 @@ import SearchBar from './SearchBar';
 import Header from './Header';
 import { createStackNavigator } from '@react-navigation/stack';
 import { NavigationContainer } from '@react-navigation/native';
+import FilterPage from '../pages/FilterPage';
 
 
 export type StackParamList = {
   Browse: undefined;
   Movie: { id: number };
+  Filter: undefined,
 };
 const Stack = createStackNavigator<StackParamList>();
 
@@ -35,6 +37,7 @@ const App = () => {
         <Stack.Navigator initialRouteName='Browse'>
           <Stack.Screen name='Browse' component={BrowsePage} />
           <Stack.Screen name='Movie' component={MoviePage} />
+          <Stack.Screen name='Filter' component={FilterPage} />
         </Stack.Navigator>
       </Container>
     </NavigationContainer>

prosjekt-4/pages/BrowsePage.tsx

@@ -11,7 +11,7 @@ import PaginationButton from '../components/PaginationButton';
 import SearchBar from '../components/SearchBar';
 import { selectMoviesByAllIdsOrdering } from '../selectors/movieSelector';
 
-type BrowseScreenNavigationProp = StackNavigationProp<StackParamList, 'Movie'>;
+type BrowseScreenNavigationProp = StackNavigationProp<StackParamList, 'Browse'>;
 type Props = {
   navigation: BrowseScreenNavigationProp;
 };
@@ -44,7 +44,12 @@ const BrowsePage = ({navigation}: Props) => {
 
   return (
     <Content>
+      <View>
       <SearchBar />
+      <Button onPress={() => navigation.navigate('Filter')}>
+        <Text>Filter</Text>
+      </Button>
+      </View>
       {determineRender()}
       <PaginationButton />
     </Content>

prosjekt-4/pages/FilterPage.tsx

+import React from "react";
+import { Text } from "native-base";
+import { StackParamList } from "../components/App";
+import { StackNavigationProp } from '@react-navigation/stack';
+
+
+type FilterScreenNavigationProp = StackNavigationProp<StackParamList, 'Filter'>;
+type Props = {
+  navigation: FilterScreenNavigationProp;
+};
+
+
+const FilterPage = ({navigation}: Props) => {
+  return <Text>FilterPage</Text>;
+};
+
+export default FilterPage;