fix: variable naming clean up

Author: eshankvaish

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/List/PermissionGroupList.component.tsx

@@ -85,7 +85,7 @@ const PermissionGroupList = () => {
                 error={error}
                 getPermissionGroupDataForExport={getPermissionGroupDataForExport}
                 showLoadingState={showLoadingState}
-                totalCount={result?.totalCount}
+                totalCount={result?.totalCount ?? 0}
                 permissionGroups={result?.permissionGroups ?? []}
                 refetchPermissionGroupList={reload}
                 urlFilters={urlFilters}

src/Pages/GlobalConfigurations/Authorization/PermissionGroups/List/PermissionGroupRow.tsx

@@ -24,14 +24,14 @@ const PermissionGroupRow = ({
     refetchPermissionGroupList,
     isChecked = false,
     toggleChecked,
-    showCheckbox: _showCheckbox,
+    showCheckbox,
 }: PermissionGroupRowProps) => {
     const { path } = useRouteMatch()
     const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
     const [isModalLoading, setIsModalLoading] = useState(false)
     const { isBulkSelectionApplied, handleBulkSelection } = useAuthorizationBulkSelection()
 
-    const showCheckbox = _showCheckbox || isChecked
+    const _showCheckbox = showCheckbox || isChecked
 
     const toggleDeleteModal = () => {
         setIsDeleteModalOpen(!isDeleteModalOpen)
@@ -70,7 +70,7 @@ const PermissionGroupRow = ({
                 }`}
             >
                 <div className="flex dc__content-start">
-                    {!showCheckbox && (
+                    {!_showCheckbox && (
                         <span
                             className="icon-dim-20 mw-20 flex dc__border-radius-50-per dc__uppercase cn-0 fw-4 dc__visible-hover--hide-child"
                             style={{
@@ -83,7 +83,7 @@ const PermissionGroupRow = ({
                     <Checkbox
                         isChecked={isChecked}
                         onChange={handleChecked}
-                        rootClassName={`mb-0 ${showCheckbox ? '' : 'dc__visible-hover--child'}`}
+                        rootClassName={`mb-0 ${_showCheckbox ? '' : 'dc__visible-hover--child'}`}
                         value={CHECKBOX_VALUE.CHECKED}
                     />
                 </div>

src/Pages/GlobalConfigurations/Authorization/UserPermissions/List/UserPermissionList.component.tsx

@@ -29,24 +29,24 @@ const UserPermissionList = () => {
         type: null,
     })
 
-    const { status, ..._urlFilters } = useUrlFilters<UserListSortableKeys, UserListFilter>({
+    const { status, ...urlFilters } = useUrlFilters<UserListSortableKeys, UserListFilter>({
         initialSortKey: UserListSortableKeys.email,
         parseSearchParams,
     })
 
     const updateStatusFilter = (_status: UserStatus[]) => {
-        _urlFilters.updateSearchParams({
+        urlFilters.updateSearchParams({
             status: _status,
         })
     }
 
-    const urlFilters = {
-        ..._urlFilters,
+    const _urlFilters = {
+        ...urlFilters,
         status,
         updateStatusFilter,
     }
 
-    const { pageSize, offset, searchKey, sortBy, sortOrder } = urlFilters
+    const { pageSize, offset, searchKey, sortBy, sortOrder } = _urlFilters
     const filterConfig = useMemo(
         () => ({
             size: pageSize,
@@ -116,10 +116,10 @@ const UserPermissionList = () => {
                 error={error}
                 getUserDataForExport={getUserDataForExport}
                 showLoadingState={showLoadingState}
-                totalCount={result?.totalCount}
+                totalCount={result?.totalCount ?? 0}
                 users={result?.users ?? []}
                 refetchUserPermissionList={reload}
-                urlFilters={urlFilters}
+                urlFilters={_urlFilters}
                 bulkSelectionModalConfig={bulkSelectionModalConfig}
                 setBulkSelectionModalConfig={setBulkSelectionModalConfig}
             />

src/Pages/GlobalConfigurations/Authorization/UserPermissions/List/UserPermissionRow.tsx

@@ -39,15 +39,15 @@ const UserPermissionRow = ({
     refetchUserPermissionList,
     isChecked = false,
     toggleChecked,
-    showCheckbox: _showCheckbox,
+    showCheckbox,
 }: UserPermissionRowProps) => {
     const { path } = useRouteMatch()
     const isAdminOrSystemUser = getIsAdminOrSystemUser(emailId)
     const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
     const [isModalLoading, setIsModalLoading] = useState(false)
     const { handleBulkSelection, isBulkSelectionApplied } = useAuthorizationBulkSelection()
 
-    const showCheckbox = _showCheckbox || isChecked
+    const _showCheckbox = showCheckbox || isChecked
 
     const toggleDeleteModal = () => {
         setIsDeleteModalOpen(!isDeleteModalOpen)
@@ -89,7 +89,7 @@ const UserPermissionRow = ({
             >
                 {/* Note (v2): no checkbox for admin/system */}
                 <div className="flex dc__content-start">
-                    {(!showCheckbox || isAdminOrSystemUser) && (
+                    {(!_showCheckbox || isAdminOrSystemUser) && (
                         <span
                             className={`icon-dim-20 mw-20 flex dc__border-radius-50-per dc__uppercase cn-0 fw-4 ${
                                 isAdminOrSystemUser ? '' : 'dc__visible-hover--hide-child'
@@ -105,7 +105,7 @@ const UserPermissionRow = ({
                         <Checkbox
                             isChecked={isChecked}
                             onChange={handleChecked}
-                            rootClassName={`mb-0 ${showCheckbox ? '' : 'dc__visible-hover--child'}`}
+                            rootClassName={`mb-0 ${_showCheckbox ? '' : 'dc__visible-hover--child'}`}
                             value={CHECKBOX_VALUE.CHECKED}
                         />
                     )}