diff --git a/webview-ui/src/components/settings/About.tsx b/webview-ui/src/components/settings/About.tsx index 9afee12d72e..38f5efaf170 100644 --- a/webview-ui/src/components/settings/About.tsx +++ b/webview-ui/src/components/settings/About.tsx @@ -1,7 +1,17 @@ import { HTMLAttributes } from "react" import { useAppTranslation } from "@/i18n/TranslationContext" import { Trans } from "react-i18next" -import { Info, Download, Upload, TriangleAlert } from "lucide-react" +import { + Info, + Download, + Upload, + TriangleAlert, + Bug, + Lightbulb, + Shield, + MessageCircle, + MessagesSquare, +} from "lucide-react" import { VSCodeCheckbox, VSCodeLink } from "@vscode/webview-ui-toolkit/react" import type { TelemetrySetting } from "@roo-code/types" @@ -56,19 +66,63 @@ export const About = ({ telemetrySetting, setTelemetrySetting, className, ...pro />

+ -
- , - redditLink: , - discordLink: , - }} - /> +
+

{t("settings:about.contactAndCommunity")}

+
+
+ + + {t("settings:about.bugReport.label")}{" "} + + {t("settings:about.bugReport.link")} + + +
+
+ + + {t("settings:about.featureRequest.label")}{" "} + + {t("settings:about.featureRequest.link")} + + +
+
+ + + {t("settings:about.securityIssue.label")}{" "} + + {t("settings:about.securityIssue.link")} + + +
+
+ + + {t("settings:about.contact.label")}{" "} + support@roocode.com + +
+
+ + + , + discordLink: , + }} + /> + +
+
-
+
+

{t("settings:about.manageSettings")}

+