Merge branch 'feat-providers-video' of https://github.com/castdrian/mw-native into pr/9

apps/expo/src/components/BrandPill.tsx

@@ -1,3 +1,4 @@
+import * as Haptics from "expo-haptics";
 import { Text, useTheme, View } from "tamagui";
 
 import { MovieWebSvg } from "./Icon";
@@ -19,6 +20,7 @@ export function BrandPill() {
         opacity: 1,
         scale: 1.05,
       }}
+      onLongPress={() => Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)}
     >
       <MovieWebSvg
         fillColor={theme.tabBarIconFocused.val}
@@ -26,6 +28,7 @@ export function BrandPill() {
         height={12}
       />
       <Text fontSize="$4" fontWeight="$bold" paddingRight={5} paddingLeft={3}>
+        {/* padding might need adjusting */}
         movie-web
       </Text>
     </View>

apps/expo/src/components/layout/Header.tsx

@@ -1,5 +1,6 @@
 import { Linking } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import * as Haptics from "expo-haptics";
 import { FontAwesome6, MaterialIcons } from "@expo/vector-icons";
 import { Circle, View } from "tamagui";
 
@@ -28,6 +29,9 @@ export function Header() {
         onPress={async () => {
           await Linking.openURL(DISCORD_LINK);
         }}
+        onLongPress={() =>
+          Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
+        }
       >
         <MaterialIcons name="discord" size={20} color="white" />
       </Circle>
@@ -41,6 +45,9 @@ export function Header() {
         onPress={async () => {
           await Linking.openURL(GITHUB_LINK);
         }}
+        onLongPress={() =>
+          Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
+        }
       >
         <FontAwesome6 name="github" size={20} color="white" />
       </Circle>