feat: Update feedback text to include clickable Google Form link

harperreed · claude · harperreed · commit e2e6c5a1ca80 · 2025-08-22T17:59:47.000-05:00
- Split feedback text across all 13 language translations into three parts - Made "feedback" text a clickable link to Google Form while keeping email visible - Updated WelcomeModal.tsx to use i18n translations with new feedback structure - Updated about.tsx to use i18n translations with new feedback structure - Updated help.tsx to use new feedback link structure - Maintains internationalization support across all supported languages 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/packages/chat/app/about.tsx b/packages/chat/app/about.tsx
@@ -4,16 +4,22 @@ import {
     Text,
     useTheme,
 } from "react-native-paper";
+import { useTranslation } from 'react-i18next';
 import PageLayout from "./components/PageLayout";
 
 export default function AboutScreen() {
     const theme = useTheme();
+    const { t } = useTranslation();
     const handleNamePress = (name: string) => {
         Linking.openURL(`https://en.wikipedia.org/wiki/${name}`).catch((err) =>
             console.error("Failed to open Wikipedia:", err),
         );
     };
 
+    const handleFeedbackPress = () => {
+        Linking.openURL("https://docs.google.com/forms/d/e/1FAIpQLSfkRKAA3BGZldZTnJmv2qAEuvVSwnRF4YSw_50jrBd69b1rzg/viewform");
+    };
+
     const handleEmailPress = () => {
         Linking.openURL("mailto:feedback@orbiting.com");
     };
@@ -43,39 +49,42 @@ export default function AboutScreen() {
         <PageLayout>
             <Surface style={styles.centered} elevation={1}>
                 <Text variant="displaySmall" style={styles.title}>
-                    About
+                    {t('about')}
                 </Text>
 
                 <Text variant="bodyLarge" style={styles.paragraph}>
-                    Orbiting was created by{" "}
-                    <Text
-                        variant="bodyLarge"
-                        style={styles.link}
-                        onPress={() => handleNamePress("Christine_Sun_Kim")}
-                    >
-                        Christine Sun Kim
-                    </Text>{" "}
-                    and{" "}
-                    <Text
-                        variant="bodyLarge"
-                        style={styles.link}
-                        onPress={() => handleNamePress("Harper_Reed")}
-                    >
-                        Harper Reed
-                    </Text>
-                    . It was inspired by the need to communicate with people in
-                    the same space, but with different communications needs.
+                    {t('aboutText', {
+                        author1: (
+                            <Text
+                                variant="bodyLarge"
+                                style={styles.link}
+                                onPress={() => handleNamePress("Christine_Sun_Kim")}
+                            >
+                                Christine Sun Kim
+                            </Text>
+                        ),
+                        author2: (
+                            <Text
+                                variant="bodyLarge"
+                                style={styles.link}
+                                onPress={() => handleNamePress("Harper_Reed")}
+                            >
+                                Harper Reed
+                            </Text>
+                        )
+                    })}
                 </Text>
 
                 <Text variant="bodyLarge" style={styles.paragraph}>
-                    Please send us feedback. We want it!{" "}
+                    {t('feedbackText')}{" "}
                     <Text
                         variant="bodyLarge"
                         style={styles.link}
-                        onPress={handleEmailPress}
+                        onPress={handleFeedbackPress}
                     >
-                        feedback@orbiting.com
+                        {t('feedbackLink')}
                     </Text>
+                    {t('feedbackTextContinue')}
                 </Text>
             </Surface>
         </PageLayout>
diff --git a/packages/chat/app/components/WelcomeModal.tsx b/packages/chat/app/components/WelcomeModal.tsx
@@ -2,13 +2,15 @@ import React, { useState, useEffect } from "react";
 import { Modal, Portal, Text, Button, useTheme } from "react-native-paper";
 import { StyleSheet, View, Platform, Linking } from "react-native";
 import Cookies from "js-cookie";
+import { useTranslation } from 'react-i18next';
 import { InstallPWA } from "./InstallPWA";
 
 const WELCOME_COOKIE = "orbiting-welcome-shown";
 
 export function WelcomeModal() {
     const [visible, setVisible] = useState(false);
     const theme = useTheme();
+    const { t } = useTranslation();
 
     useEffect(() => {
         if (Platform.OS === "web") {
@@ -41,6 +43,10 @@ export function WelcomeModal() {
         }
     };
 
+    const handleFeedbackPress = () => {
+        Linking.openURL("https://docs.google.com/forms/d/e/1FAIpQLSfkRKAA3BGZldZTnJmv2qAEuvVSwnRF4YSw_50jrBd69b1rzg/viewform");
+    };
+
     const handleEmailPress = () => {
         Linking.openURL("mailto:feedback@orbiting.com");
     };
@@ -99,64 +105,61 @@ export function WelcomeModal() {
                 onDismiss={hideModal}
                 contentContainerStyle={styles.modalContainer as any}
             >
-                <Text style={styles.title as any}>Welcome to Orbiting</Text>
+                <Text style={styles.title as any}>{t('welcomeToOrbiting')}</Text>
 
                 <Text style={styles.content as any}>
-                    A simple messaging app for your eyeballs. You can use it to
-                    type and display the message to those around you. Display a
-                    message loud and clear.
+                    {t('appDescription')}
                 </Text>
 
                 <Text style={styles.subtitle as any}>
-                    Orbiting is simple to use.
+                    {t('quickStartGuide')}
                 </Text>
 
                 <View style={styles.listItem as any}>
                     <Text style={styles.content as any}>
-                        • Tap and start typing. Your message will display loud
-                        and clear!
+                        • {t('tapAndTypeDesc')}
                     </Text>
                 </View>
                 <View style={styles.listItem as any}>
                     <Text style={styles.content as any}>
-                        • To clear the display - ⬅️ swipe left
+                        • {t('swipeLeftDesc')} - {t('swipeLeft')}
                     </Text>
                 </View>
                 <View style={styles.listItem as any}>
                     <Text style={styles.content as any}>
-                        • To view the menu and settings - ➡️ swipe right
+                        • {t('swipeRightDesc')} - {t('swipeRight')}
                     </Text>
                 </View>
                 <View style={styles.listItem as any}>
                     <Text style={styles.content as any}>
-                        • To display the history - ⬆️ swipe up
+                        • {t('swipeUpDesc')} - {t('swipeUp')}
                     </Text>
                 </View>
                 <View style={styles.listItem as any}>
                     <Text style={styles.content as any}>
-                        • You can use it on desktop or mobile
+                        • {t('crossPlatformDesc')}
                     </Text>
                 </View>
 
                 <View style={styles.divider as any} />
 
                 <Text style={styles.content as any}>
-                    Please send us feedback. We want it!{" "}
-                    <Text style={styles.link as any} onPress={handleEmailPress}>
-                        feedback@orbiting.com
+                    {t('feedbackText')}{" "}
+                    <Text style={styles.link as any} onPress={handleFeedbackPress}>
+                        {t('feedbackLink')}
                     </Text>
+                    {t('feedbackTextContinue')}
                 </Text>
 
                 {Platform.OS === "web" && (
                     <Text style={styles.content as any}>
-                        💡 Pro tip: Install Orbiting as an app on your device
-                        for the best experience!
+                        💡 {t('addToHomescreenDesc')}
                     </Text>
                 )}
 
                 <View style={styles.buttonContainer as any}>
                     <Button mode="contained" onPress={hideModal}>
-                        Get Started
+                        {t('welcome')}
                     </Button>
                     {Platform.OS === "web" && <InstallPWA />}
                 </View>
diff --git a/packages/chat/app/help.tsx b/packages/chat/app/help.tsx
@@ -18,6 +18,10 @@ export default function HelpScreen() {
         Linking.openURL(`https://en.wikipedia.org/wiki/${name}`);
     };
 
+    const handleFeedbackPress = () => {
+        Linking.openURL("https://docs.google.com/forms/d/e/1FAIpQLSfkRKAA3BGZldZTnJmv2qAEuvVSwnRF4YSw_50jrBd69b1rzg/viewform");
+    };
+
     const handleEmailPress = () => {
         Linking.openURL("mailto:feedback@orbiting.com");
     };
@@ -225,9 +229,10 @@ export default function HelpScreen() {
                     </Text>
                     <Text style={styles.paragraph}>
                         {t('feedbackText')}{" "}
-                        <Text style={styles.link} onPress={handleEmailPress}>
-                            {t('feedbackEmail')}
+                        <Text style={styles.link} onPress={handleFeedbackPress}>
+                            {t('feedbackLink')}
                         </Text>
+                        {t('feedbackTextContinue')}
                     </Text>
                 </Surface>
             </View>
diff --git a/packages/chat/app/i18n/translations/bn.ts b/packages/chat/app/i18n/translations/bn.ts
@@ -92,7 +92,9 @@ export const bn = {
         textWrappingDesc: "বার্তা স্বয়ংক্রিয়ভাবে স্পেসে র‍্যাপ হয়",
         aboutText:
             "Orbiting {{author1}} এবং {{author2}} দ্বারা তৈরি করা হয়েছে। এটি একই স্থানে থাকা কিন্তু ভিন্ন যোগাযোগ প্রয়োজন রয়েছে এমন লোকেদের সাথে যোগাযোগ করার প্রয়োজনীয়তা থেকে অনুপ্রাণিত হয়েছিল।",
-        feedbackText: "অনুগ্রহ করে আমাদের প্রতিক্রিয়া পাঠান। আমরা এটি চাই!",
+        feedbackText: "অনুগ্রহ করে আমাদের",
+        feedbackLink: "প্রতিক্রিয়া",
+        feedbackTextContinue: " পাঠান। আমরা এটি চাই! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/de.ts b/packages/chat/app/i18n/translations/de.ts
@@ -96,7 +96,9 @@ export const de = {
             "Nachrichten werden automatisch bei Leerzeichen umgebrochen",
         aboutText:
             "Orbiting wurde von {{author1}} und {{author2}} erstellt. Es wurde inspiriert von der Notwendigkeit, mit Menschen im gleichen Raum zu kommunizieren, die jedoch unterschiedliche Kommunikationsbedürfnisse haben.",
-        feedbackText: "Bitte sende uns Feedback. Wir freuen uns darauf!",
+        feedbackText: "Bitte sende uns",
+        feedbackLink: "Feedback",
+        feedbackTextContinue: ". Wir freuen uns darauf! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/en.ts b/packages/chat/app/i18n/translations/en.ts
@@ -91,7 +91,9 @@ export const en = {
     textWrapping: 'Text Wrapping',
     textWrappingDesc: 'Messages automatically wrap on whitespace',
     aboutText: 'Orbiting was created by {{author1}} and {{author2}}. It was inspired by the need to communicate with people in the same space, but with different communications needs.',
-    feedbackText: 'Please send us feedback. We want it!',
+    feedbackText: 'Please send us',
+    feedbackLink: 'feedback',
+    feedbackTextContinue: '. We want it! feedback@orbiting.com',
     feedbackEmail: 'feedback@orbiting.com'
   }
 };
diff --git a/packages/chat/app/i18n/translations/es.ts b/packages/chat/app/i18n/translations/es.ts
@@ -86,7 +86,9 @@ export const es = {
     textWrapping: 'Ajuste de texto',
     textWrappingDesc: 'Los mensajes se ajustan automáticamente en los espacios',
     aboutText: 'Orbiting fue creado por {{author1}} y {{author2}}. Se inspiró en la necesidad de comunicarse con personas en el mismo espacio, pero con diferentes necesidades de comunicación.',
-    feedbackText: '¡Por favor, envíanos tus comentarios. ¡Los queremos!',
+    feedbackText: 'Por favor, envíanos tus',
+    feedbackLink: 'comentarios',
+    feedbackTextContinue: '. ¡Los queremos! feedback@orbiting.com',
     feedbackEmail: 'feedback@orbiting.com'
   }
 };
diff --git a/packages/chat/app/i18n/translations/fr.ts b/packages/chat/app/i18n/translations/fr.ts
@@ -96,8 +96,9 @@ export const fr = {
             "Les messages reviennent automatiquement à la ligne aux espaces",
         aboutText:
             "Orbiting a été créé par {{author1}} et {{author2}}. Il a été inspiré par le besoin de communiquer avec des personnes dans le même espace, mais ayant des besoins de communication différents.",
-        feedbackText:
-            "Veuillez nous envoyer vos commentaires. Nous les voulons !",
+        feedbackText: "Veuillez nous envoyer vos",
+        feedbackLink: "commentaires",
+        feedbackTextContinue: ". Nous les voulons ! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/hi.ts b/packages/chat/app/i18n/translations/hi.ts
@@ -86,7 +86,9 @@ export const hi = {
     textWrapping: 'टेक्स्ट रैपिंग',
     textWrappingDesc: 'संदेश स्वचालित रूप से खाली स्थान पर रैप हो जाते हैं',
     aboutText: 'Orbiting {{author1}} और {{author2}} द्वारा बनाया गया था। यह एक ही स्थान में, लेकिन अलग-अलग संचार आवश्यकताओं वाले लोगों के साथ संवाद करने की आवश्यकता से प्रेरित था।',
-    feedbackText: 'कृपया हमें प्रतिक्रिया भेजें। हम इसे चाहते हैं!',
+    feedbackText: 'कृपया हमें',
+    feedbackLink: 'प्रतिक्रिया',
+    feedbackTextContinue: ' भेजें। हम इसे चाहते हैं! feedback@orbiting.com',
     feedbackEmail: 'feedback@orbiting.com'
   }
 };
diff --git a/packages/chat/app/i18n/translations/id.ts b/packages/chat/app/i18n/translations/id.ts
@@ -90,8 +90,9 @@ export const id = {
         textWrappingDesc: "Pesan secara otomatis terpotong pada spasi",
         aboutText:
             "Orbiting dibuat oleh {{author1}} dan {{author2}}. Ini terinspirasi oleh kebutuhan untuk berkomunikasi dengan orang-orang dalam ruang yang sama, tetapi dengan kebutuhan komunikasi yang berbeda.",
-        feedbackText:
-            "Silakan kirimkan umpan balik kepada kami. Kami menginginkannya!",
+        feedbackText: "Silakan kirimkan",
+        feedbackLink: "umpan balik",
+        feedbackTextContinue: " kepada kami. Kami menginginkannya! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/ja.ts b/packages/chat/app/i18n/translations/ja.ts
@@ -90,7 +90,9 @@ export const ja = {
         textWrappingDesc: "メッセージは空白で自動的に折り返されます",
         aboutText:
             "Orbitingは{{author1}}と{{author2}}によって作成されました。同じ空間にいるが、異なるコミュニケーションニーズを持つ人々とコミュニケーションを取る必要性に触発されました。",
-        feedbackText: "ぜひフィードバックをお送りください。お待ちしています！",
+        feedbackText: "ぜひ",
+        feedbackLink: "フィードバック",
+        feedbackTextContinue: "をお送りください。お待ちしています！ feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/ko.ts b/packages/chat/app/i18n/translations/ko.ts
@@ -89,7 +89,9 @@ export const ko = {
         textWrappingDesc: "메시지는 공백에서 자동으로 줄바꿈됩니다",
         aboutText:
             "Orbiting은 {{author1}}와(과) {{author2}}에 의해 만들어졌습니다. 이는 같은 공간에 있지만 다른 의사소통 요구를 가진 사람들과 소통해야 할 필요성에서 영감을 받았습니다.",
-        feedbackText: "피드백을 보내주세요. 저희는 그것을 원합니다!",
+        feedbackText: "저희에게",
+        feedbackLink: "피드백",
+        feedbackTextContinue: "을 보내주세요. 저희는 그것을 원합니다! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/pt.ts b/packages/chat/app/i18n/translations/pt.ts
@@ -94,7 +94,9 @@ export const pt = {
             "As mensagens quebram automaticamente nos espaços em branco",
         aboutText:
             "Orbiting foi criado por {{author1}} e {{author2}}. Foi inspirado pela necessidade de se comunicar com pessoas no mesmo espaço, mas com diferentes necessidades de comunicação.",
-        feedbackText: "Por favor, envie-nos feedback. Nós queremos recebê-lo!",
+        feedbackText: "Por favor, envie-nos",
+        feedbackLink: "feedback",
+        feedbackTextContinue: ". Nós queremos recebê-lo! feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/zh.ts b/packages/chat/app/i18n/translations/zh.ts
@@ -88,7 +88,9 @@ export const zh = {
         textWrappingDesc: "消息在空格处自动换行",
         aboutText:
             "Orbiting由{{author1}}和{{author2}}创建。它的灵感来源于在同一空间内与具有不同沟通需求的人沟通的需要。",
-        feedbackText: "请向我们发送反馈。我们期待您的反馈！",
+        feedbackText: "请向我们发送",
+        feedbackLink: "反馈",
+        feedbackTextContinue: "。我们期待您的反馈！ feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
diff --git a/packages/chat/app/i18n/translations/zh_TW.ts b/packages/chat/app/i18n/translations/zh_TW.ts
@@ -88,7 +88,9 @@ export const zh_TW = {
         textWrappingDesc: "訊息在空格處自動換行",
         aboutText:
             "Orbiting由{{author1}}和{{author2}}建立。它的靈感來源於在同一空間內與具有不同溝通需求的人溝通的需要。",
-        feedbackText: "請向我們發送回饋。我們期待您的回饋！",
+        feedbackText: "請向我們發送",
+        feedbackLink: "回饋",
+        feedbackTextContinue: "。我們期待您的回饋！ feedback@orbiting.com",
         feedbackEmail: "feedback@orbiting.com",
     },
 };
