No errors grocery page

src/styles/componentBlueprints.js

@@ -1,4 +1,4 @@
-import { View } from "react-native"
+import { TouchableOpacity, View } from "react-native"
 import React from 'react'
 import styled, { css } from 'styled-components'
 //deps
@@ -6,7 +6,7 @@ import { HiCheck } from 'react-icons/hi'
 
 import LightenDarken from '../functions'
 //standard button layout 
-export const Button = styled(View)`
+export const Button = styled(TouchableOpacity)`
   box-shadow: ${({ theme }) => theme.colors.shadow};
   display: flex;
   align-items: center;