From e11cc4e7c71e25b8d3a0ab579fc17eb25a9abc08 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sun, 26 Jan 2025 19:09:15 -0600
Subject: [PATCH] icon button touchable opacity?

---
 components/Global/helpers/icon-button.tsx | 42 ++++++++++++-----------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/components/Global/helpers/icon-button.tsx b/components/Global/helpers/icon-button.tsx
index 48d9bf9d..b635de58 100644
--- a/components/Global/helpers/icon-button.tsx
+++ b/components/Global/helpers/icon-button.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { Square, Theme } from "tamagui";
 import Icon from "./icon";
+import { TouchableOpacity } from "react-native";
 
 interface IconButtonProps {
     onPress: () => void;
@@ -18,26 +19,27 @@ export default function IconButton({
 
     return (
         <Theme name={"inverted_purple"}>
-
-            <Square
-                animation={"quick"}
-                circular={circular}
-                elevate
-                hoverStyle={{ scale: 0.925 }}
-                pressStyle={{ scale: 0.875 }}
-                onPress={onPress}
-                width={size}
-                height={size}
-                alignContent="center"
-                justifyContent="center"
-                backgroundColor={"$background"}
-                >
-                    <Icon 
-                        large
-                        name={name} 
-                        color={"$color"}
-                    />
-            </Square>
+            <TouchableOpacity>
+                <Square
+                    animation={"quick"}
+                    circular={circular}
+                    elevate
+                    hoverStyle={{ scale: 0.925 }}
+                    pressStyle={{ scale: 0.875 }}
+                    onPress={onPress}
+                    width={size}
+                    height={size}
+                    alignContent="center"
+                    justifyContent="center"
+                    backgroundColor={"$background"}
+                    >
+                        <Icon 
+                            large
+                            name={name} 
+                            color={"$color"}
+                            />
+                </Square>
+            </TouchableOpacity>
         </Theme>
     )
 }
\ No newline at end of file