From 0264d5caf54f3142187bb66bafe312c68b753221 Mon Sep 17 00:00:00 2001
From: Yashwin <yashwin.shankar@tech4biz.io>
Date: Fri, 23 Jan 2026 18:21:18 +0530
Subject: [PATCH] Update .env to set the API base URL for production
 environment, and refactor MultiselectPaginatedSelect component by removing
 unused display text logic. Enhance Roles page by updating role creation and
 update handlers to use new type definitions for improved type safety.

---
 .env                                             |  4 ++--
 .../shared/MultiselectPaginatedSelect.tsx        |  9 ---------
 src/pages/Roles.tsx                              | 16 +++-------------
 3 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/.env b/.env
index ec8b053..75d31ae 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_API_BASE_URL=http://localhost:3000/api/v1
-# VITE_API_BASE_URL=https://backendqaasure.tech4bizsolutions.com/api/v1
+# VITE_API_BASE_URL=http://localhost:3000/api/v1
+VITE_API_BASE_URL=https://backendqaasure.tech4bizsolutions.com/api/v1
diff --git a/src/components/shared/MultiselectPaginatedSelect.tsx b/src/components/shared/MultiselectPaginatedSelect.tsx
index 00184e0..a0b77d4 100644
--- a/src/components/shared/MultiselectPaginatedSelect.tsx
+++ b/src/components/shared/MultiselectPaginatedSelect.tsx
@@ -195,15 +195,6 @@ export const MultiselectPaginatedSelect = ({
     onValueChange(value.filter((v) => v !== optionValue));
   };
 
-  const getDisplayText = (): string => {
-    if (value.length === 0) return placeholder;
-    if (value.length === 1) {
-      const option = options.find((opt) => opt.value === value[0]);
-      return option ? option.label : `${value.length} selected`;
-    }
-    return `${value.length} selected`;
-  };
-
   return (
     <div className="flex flex-col gap-2 pb-4">
       <label
diff --git a/src/pages/Roles.tsx b/src/pages/Roles.tsx
index 8b4438c..b0b8de4 100644
--- a/src/pages/Roles.tsx
+++ b/src/pages/Roles.tsx
@@ -16,7 +16,7 @@ import {
 } from '@/components/shared';
 import { Plus, Download, ArrowUpDown } from 'lucide-react';
 import { roleService } from '@/services/role-service';
-import type { Role } from '@/types/role';
+import type { Role, CreateRoleRequest, UpdateRoleRequest } from '@/types/role';
 import { showToast } from '@/utils/toast';
 
 // Helper function to format date
@@ -103,12 +103,7 @@ const Roles = (): ReactElement => {
     fetchRoles(currentPage, limit, scopeFilter, orderBy);
   }, [currentPage, limit, scopeFilter, orderBy]);
 
-  const handleCreateRole = async (data: {
-    name: string;
-    code: string;
-    description: string;
-    scope: 'platform' | 'tenant' | 'module';
-  }): Promise<void> => {
+  const handleCreateRole = async (data: CreateRoleRequest): Promise<void> => {
     try {
       setIsCreating(true);
       const response = await roleService.create(data);
@@ -140,12 +135,7 @@ const Roles = (): ReactElement => {
   // Update role handler
   const handleUpdateRole = async (
     id: string,
-    data: {
-      name: string;
-      code: string;
-      description: string;
-      scope: 'platform' | 'tenant' | 'module';
-    }
+    data: UpdateRoleRequest
   ): Promise<void> => {
     try {
       setIsUpdating(true);