diff --git a/p4/.expo/packager-info.json b/p4/.expo/packager-info.json index a50279df2c735a09865fe9da56fb834916f9f991..525b16244b9276776599082e650199587fe2ea5c 100644 --- a/p4/.expo/packager-info.json +++ b/p4/.expo/packager-info.json @@ -2,8 +2,8 @@ "devToolsPort": 19002, "expoServerPort": 19000, "packagerPort": 19001, - "packagerPid": 11656, + "packagerPid": 17356, "expoServerNgrokUrl": "https://3u-kzx.hhorge.p4.exp.direct", "packagerNgrokUrl": "https://packager.3u-kzx.hhorge.p4.exp.direct", - "ngrokPid": 19796 + "ngrokPid": 15624 } diff --git a/p4/src/components/Filtering.js b/p4/src/components/Filtering.js index adfb7e6714bb675145e81a4ed637f833422771ac..a64e5e4a5d4b45ec00aa2c7ea65360227878530a 100644 --- a/p4/src/components/Filtering.js +++ b/p4/src/components/Filtering.js @@ -1,47 +1,47 @@ -import React from 'react'; -import { View } from 'react-native'; -import RadioForm, {RadioButton, RadioButtonInput, RadioButtonLabel} from 'react-native-simple-radio-button'; +import React from "react"; +import { View } from "react-native"; +import RadioForm, { + RadioButton, + RadioButtonInput, + RadioButtonLabel +} from "react-native-simple-radio-button"; import { useDispatch } from "react-redux"; import { filter } from "../actions"; import { useSelector } from "react-redux"; import { toggleSideMenu } from "../actions"; const genres = [ - {label: "All", value: ""}, - {label: "Akevitt", value: "Akevitt"}, - {label: "Bitter", value: "Bitter"}, - {label: "Druebrennevin", value: "Druebrennevin"}, - {label: "Gin", value: "Gin"}, - {label: "Hvitvin", value: "Hvitvin"}, - {label: "Likør", value: "Likør"}, - {label: "Portvin", value: "Portvin"}, - {label: "Rødvin", value: "Rødvin"}, - {label: "Vodka", value: "Vodka"}, - {label: "Whisky", value: "Whisky"}, -] + { label: "All", value: "" }, + { label: "Akevitt", value: "Akevitt" }, + { label: "Bitter", value: "Bitter" }, + { label: "Druebrennevin", value: "Druebrennevin" }, + { label: "Gin", value: "Gin" }, + { label: "Hvitvin", value: "Hvitvin" }, + { label: "Likør", value: "Likør" }, + { label: "Portvin", value: "Portvin" }, + { label: "Rødvin", value: "Rødvin" }, + { label: "Vodka", value: "Vodka" }, + { label: "Whisky", value: "Whisky" } +]; const Filtering = () => { + const stateType = useSelector(state => state.filter); + const dispatch = useDispatch(); - const stateType = useSelector(state => state.filter); - const dispatch = useDispatch(); - - function updateFilter(e) { - dispatch(filter(e)); - } + function updateFilter(e) { + dispatch(filter(e)); + } - function onButtonPress(v){ - updateFilter(v) - dispatch(toggleSideMenu()) - } + function onButtonPress(v) { + updateFilter(v); + dispatch(toggleSideMenu()); + } - return( - - onButtonPress(value)} - /> - - ) -} + return ( + + onButtonPress(value)} /> + + ); +}; -export default Filtering; \ No newline at end of file +export default Filtering;