From 1636d9cc06d70e1b617afcd1ec16da120f7b4b1c Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 3 Sep 2024 18:00:55 +0530
Subject: [PATCH] change(ui): usability module settings

---
 api/schemas/schemas.py                          | 1 +
 frontend/app/components/Client/Modules/index.ts | 9 ++++++++-
 frontend/app/layout/SideMenu.tsx                | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/api/schemas/schemas.py b/api/schemas/schemas.py
index 02598a808..985bb1d7a 100644
--- a/api/schemas/schemas.py
+++ b/api/schemas/schemas.py
@@ -1670,6 +1670,7 @@ class ModuleType(str, Enum):
     ASSIST_STATTS = "assist-statts"
     RECOMMENDATIONS = "recommendations"
     FEATURE_FLAGS = "feature-flags"
+    USABILITY_TESTS = "usability-tests"
 
 
 class ModuleStatus(BaseModel):
diff --git a/frontend/app/components/Client/Modules/index.ts b/frontend/app/components/Client/Modules/index.ts
index 4f391e8c0..ec8a98b02 100644
--- a/frontend/app/components/Client/Modules/index.ts
+++ b/frontend/app/components/Client/Modules/index.ts
@@ -9,6 +9,7 @@ export const enum MODULES {
   ASSIST_STATS = 'assist-stats',
   FEATURE_FLAGS = 'feature-flags',
   RECOMMENDATIONS = 'recommendations',
+  USABILITY_TESTS = 'usability-tests',
 }
 
 export interface Module {
@@ -67,4 +68,10 @@ export const modules = [
     icon: 'magic',
     hidden: true
   },
-];
\ No newline at end of file
+  {
+    label: 'Usability Tests',
+    description: 'Get feedback from your users by creating usability tests and sharing them with your team.',
+    key: MODULES.USABILITY_TESTS,
+    icon: 'clipboard-check',
+  },
+];
diff --git a/frontend/app/layout/SideMenu.tsx b/frontend/app/layout/SideMenu.tsx
index e033c2ec5..8a86fda75 100644
--- a/frontend/app/layout/SideMenu.tsx
+++ b/frontend/app/layout/SideMenu.tsx
@@ -126,6 +126,7 @@ function SideMenu(props: Props) {
               item.key === MENU.SESSIONS &&
                 modules.includes(MODULES.OFFLINE_RECORDINGS),
               item.key === MENU.ALERTS && modules.includes(MODULES.ALERTS),
+              item.key === MENU.USABILITY_TESTS && modules.includes(MODULES.USABILITY_TESTS),
               item.isAdmin && !isAdmin,
               item.isEnterprise && !isEnterprise,
             ].some((cond) => cond);