Merge branch 'main' into add-security-warning-modal

trilitech · Nov 8, 2024 · 798da10 · 798da10
2 parents 0bfc301 + 8a3a5bb
commit 798da10
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/apps/web/src/components/SecurityWarningModal/SecurityWarningModal.test.tsx b/apps/web/src/components/SecurityWarningModal/SecurityWarningModal.test.tsx
@@ -1,4 +1,4 @@
-import { SecurityWarningModal } from "./SecurityWarningModal";
+import { SecurityWarningModal, accordionItems } from "./SecurityWarningModal";
 import {
   act,
   dynamicModalContextMock,
@@ -30,15 +30,7 @@ describe("<SecurityWarningModal />", () => {
   it("renders all accordion items", async () => {
     await renderInModal(<SecurityWarningModal />);
 
-    const expectedTitles = [
-      "Install Extensions Only from Trusted Sources",
-      "Review Permissions and Ratings",
-      "Maintain a Separate Browser for Financial Activities",
-      "Keep Your Browser Updated",
-      "Stay Alert to Social Engineering Risks",
-    ];
-
-    expectedTitles.forEach(title => {
+    accordionItems.forEach(({ title }) => {
       expect(screen.getByText(title)).toBeVisible();
     });
   });

diff --git a/apps/web/src/components/SecurityWarningModal/SecurityWarningModal.tsx b/apps/web/src/components/SecurityWarningModal/SecurityWarningModal.tsx
@@ -27,34 +27,34 @@ import {
 } from "../../assets/icons";
 import { useColor } from "../../styles/useColor";
 
-const accordionItems = [
+export const accordionItems = [
   {
     icon: CheckmarkIcon,
-    title: "Install Extensions Only from Trusted Sources",
+    title: "Install extensions only from trusted sources",
     content:
       "Use only official platforms like the Chrome Web Store or Firefox Add-ons, as these include security reviews. Avoid third-party websites and direct download links.",
   },
   {
     icon: ThumbsUpIcon,
-    title: "Review Permissions and Ratings",
+    title: "Review permissions and ratings",
     content:
       "Before installing, check extension reviews, download counts, and requested permissions. Extensions that ask for access to sensitive data (like local storage or clipboard) should be trusted and necessary.",
   },
   {
     icon: LockIcon,
-    title: "Maintain a Separate Browser for Financial Activities",
+    title: "Maintain a separate browser for financial activities",
     content:
       "Use a dedicated browser with no extensions installed. This minimizes risk by isolating financial activities from other browsing.",
   },
   {
     icon: RefreshIcon,
-    title: "Keep Your Browser Updated",
+    title: "Keep your browser updated",
     content:
       "Regularly update your browser and extensions to ensure you have the latest security features and bug fixes.",
   },
   {
     icon: AlertCircleIcon,
-    title: "Stay Alert to Social Engineering Risks",
+    title: "Stay alert to social engineering risks",
     content:
       "Avoid installing extensions prompted by emails, ads, or pop-ups, as these may use deceptive methods to gain access. Reliable services generally don’t push extensions, so question any unexpected installation requests.",
   },