@upstep/react-native 0.6.0 → 0.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upstep/react-native",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Upstep feedback SDK for React Native",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/FeedbackSheet.tsx

@@ -13,6 +13,7 @@ import {
   useColorScheme,
   Platform,
   SafeAreaView,
+  Linking,
 } from "react-native";
 import type { Comment, Feedback, FeedbackType, FeedbackWithComments } from "@upstep/types";
 import { useUpstep } from "./FeedbackContext";
@@ -165,8 +166,19 @@ export function FeedbackSheet() {
             )}
           </ScrollView>
 
-          {/* Safe area spacer */}
-          <SafeAreaView />
+          {/* Branding */}
+          <TouchableOpacity
+            onPress={() => Linking.openURL("https://upstep.dev")}
+            activeOpacity={0.6}
+            style={[styles.poweredBy, { borderTopColor: p.border }]}
+          >
+            <Text style={[styles.poweredByText, { color: p.textFaint }]}>
+              Powered by <Text style={{ fontWeight: "700" }}>Upstep.dev</Text>
+            </Text>
+          </TouchableOpacity>
+
+          {/* Safe area spacer — fills the home-indicator / nav-bar zone */}
+          <SafeAreaView style={{ backgroundColor: p.bg }} />
         </View>
       </KeyboardAvoidingView>
     </Modal>
@@ -547,9 +559,9 @@ const styles = StyleSheet.create({
     backgroundColor: "rgba(0,0,0,0.45)",
   },
 
-  // Sheet container
+  // Sheet container — fixed height so it's always fully open regardless of content
   sheet: {
-    maxHeight: "92%",
+    height: "92%",
     borderTopLeftRadius: 24,
     borderTopRightRadius: 24,
     overflow: "hidden",
@@ -580,8 +592,8 @@ const styles = StyleSheet.create({
   newBtn: { borderRadius: 20, paddingHorizontal: 14, paddingVertical: 7 },
   newBtnText: { color: "#fff", fontSize: 13, fontWeight: "700" },
 
-  // Scroll
-  scroll: { flexGrow: 0 },
+  // Scroll — flex: 1 fills all remaining space after the fixed header
+  scroll: { flex: 1 },
   scrollContent: { flexGrow: 1, padding: 16, paddingBottom: 32 },
 
   // List
@@ -663,6 +675,14 @@ const styles = StyleSheet.create({
   successTitle: { fontSize: 20, fontWeight: "700", textAlign: "center", marginBottom: 6 },
   successSub: { fontSize: 14, textAlign: "center" },
 
+  // Branding
+  poweredBy: {
+    alignItems: "center",
+    paddingVertical: 10,
+    borderTopWidth: StyleSheet.hairlineWidth,
+  },
+  poweredByText: { fontSize: 11 },
+
   // Shared badges
   badge: { paddingHorizontal: 7, paddingVertical: 3, borderRadius: 6 },
   badgeText: { fontSize: 10, fontWeight: "700", letterSpacing: 0.2 },