Merge branch 'feedback-link'

Author: sutterseba

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Unreleased
+- Add feedback link to guide and about settings
 
 ## v4.49.0
 - Bundle BitBox02 Nova firmware version v9.24.0

backend/backend.go

@@ -77,6 +77,7 @@ var fixedURLWhitelist = []string{
 	"https://bitbox.swiss/",
 	"https://shop.bitbox.swiss/",
 	"https://shiftcrypto.support/",
+	"https://support.bitbox.swiss",
 	// Exchange rates.
 	"https://www.coingecko.com/",
 	// Block explorers.

frontends/web/src/components/guide/guide.tsx

@@ -22,7 +22,7 @@ import { CloseXWhite } from '@/components/icon';
 import { AppContext } from '@/contexts/AppContext';
 import { Button } from '@/components/forms';
 import style from './guide.module.css';
-
+import { getFeedbackLink, getSupportLink } from '@/utils/url_constants';
 
 export type TProps = {
   children?: ReactNode;
@@ -54,9 +54,16 @@ const Guide = ({ children, title = t('guide.title') }: TProps) => {
         <div className={style.content}>
           {children}
           <div className={style.appendix}>
+            {t('guide.appendix.feedback.text')}
+            {' '}
+            <A className={style.link} href={getFeedbackLink()}>
+              {t('guide.appendix.feedback.link')}
+            </A>
+            <br />
+            <br />
             {t('guide.appendix.text')}
             {' '}
-            <A className={style.link} href="https://bitbox.swiss/support/">
+            <A className={style.link} href={getSupportLink()}>
               {t('guide.appendix.link')}
             </A>
             <br />

frontends/web/src/locales/en/app.json

@@ -1039,6 +1039,10 @@
       }
     },
     "appendix": {
+      "feedback": {
+        "link": "Let us know.",
+        "text": "Have feedback?"
+      },
       "link": "Contact us!",
       "questionService": "Having issues with {{serviceName}}?",
       "text": "Another question?",
@@ -1376,6 +1380,14 @@
     "about": {
       "appVersion": {
         "title": "App version"
+      },
+      "feedbackLink": {
+        "description": "If you have general feedback",
+        "title": "Feedback"
+      },
+      "supportLink": {
+        "description": "If you have an issue or need help",
+        "title": "Support"
       }
     },
     "advancedSettings": {

frontends/web/src/routes/settings/about.tsx

@@ -25,6 +25,8 @@ import { Entry } from '@/components/guide/entry';
 import { TPagePropsWithSettingsTabs } from './types';
 import { ContentWrapper } from '@/components/contentwrapper/contentwrapper';
 import { GlobalBanners } from '@/components/banners';
+import { FeedbackLink } from './components/about/feedback-link-setting';
+import { SupportLink } from './components/about/support-link-setting';
 
 export const About = ({ devices, hasAccounts }: TPagePropsWithSettingsTabs) => {
   const { t } = useTranslation();
@@ -47,6 +49,8 @@ export const About = ({ devices, hasAccounts }: TPagePropsWithSettingsTabs) => {
             <ViewContent fullWidth>
               <WithSettingsTabs devices={devices} hideMobileMenu hasAccounts={hasAccounts}>
                 <AppVersion />
+                <FeedbackLink />
+                <SupportLink />
               </WithSettingsTabs>
             </ViewContent>
           </View>

frontends/web/src/routes/settings/components/about/feedback-link-setting.tsx

@@ -0,0 +1,33 @@
+/**
+ * Copyright 2025 Shift Crypto AG
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useTranslation } from 'react-i18next';
+import { open } from '@/api/system';
+import { SettingsItem } from '@/routes/settings/components/settingsItem/settingsItem';
+import { getFeedbackLink } from '@/utils/url_constants';
+
+export const FeedbackLink = () => {
+  const { t } = useTranslation();
+
+  return (
+    <SettingsItem
+      settingName={t('newSettings.about.feedbackLink.title')}
+      secondaryText={t('newSettings.about.feedbackLink.description')}
+      displayedValue={'bitbox.swiss/feedback'}
+      onClick={() => open(getFeedbackLink())}
+    />
+  );
+};

frontends/web/src/routes/settings/components/about/support-link-setting.tsx

@@ -0,0 +1,33 @@
+/**
+ * Copyright 2025 Shift Crypto AG
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useTranslation } from 'react-i18next';
+import { open } from '@/api/system';
+import { SettingsItem } from '@/routes/settings/components/settingsItem/settingsItem';
+import { getSupportLink } from '@/utils/url_constants';
+
+export const SupportLink = () => {
+  const { t } = useTranslation();
+
+  return (
+    <SettingsItem
+      settingName={t('newSettings.about.supportLink.title')}
+      secondaryText={t('newSettings.about.supportLink.description')}
+      displayedValue={'support.bitbox.swiss'}
+      onClick={() => open(getSupportLink())}
+    />
+  );
+};

frontends/web/src/utils/url_constants.ts

@@ -14,9 +14,35 @@
  * limitations under the License.
  */
 
+import { i18n } from '@/i18n/i18n';
+
 export const URL_CONSTANTS = {
   DOWNLOAD_LINK_GLOBAL: 'https://bitbox.swiss/download/?source=bitboxapp',
   DOWNLOAD_LINK_DE: 'https://bitbox.swiss/de/download/?source=bitboxapp',
   DOWNLOAD_LINK_ES: 'https://bitbox.swiss/es/descargar/?source=bitboxapp',
   DOWNLOAD_LINK_IT: 'https://bitbox.swiss/it/download/?source=bitboxapp'
 };
+
+export const getFeedbackLink = (): string => {
+  switch (i18n.resolvedLanguage) {
+  case 'de':
+    return 'https://bitbox.swiss/de/feedback/';
+  case 'it':
+    return 'https://bitbox.swiss/it/feedback/';
+  case 'es':
+    return 'https://bitbox.swiss/es/feedback/';
+  default:
+    return 'https://bitbox.swiss/feedback/';
+  }
+};
+
+export const getSupportLink = (): string => {
+  switch (i18n.resolvedLanguage) {
+  case 'de':
+    return 'https://support.bitbox.swiss/de_DE/';
+  case 'es':
+    return 'https://support.bitbox.swiss/es_ES/';
+  default:
+    return 'https://support.bitbox.swiss/';
+  }
+};