Web: changed from firstLetterToUppercase to capitalize

packages/client/src/components/dialogs/DataReassignmentDialog/sub-components/Body/AccountInfo.js

@@ -5,7 +5,7 @@ import { Avatar } from "@docspace/shared/components/avatar";
 
 import CatalogSpamIcon from "PUBLIC_DIR/images/catalog.spam.react.svg";
 import { commonIconsStyles } from "@docspace/shared/utils";
-import { firstLetterToUppercase } from "@docspace/shared/utils/common";
+import { capitalize } from "lodash";
 
 const StyledCatalogSpamIcon = styled(CatalogSpamIcon)`
   ${commonIconsStyles}
@@ -18,7 +18,7 @@ const StyledCatalogSpamIcon = styled(CatalogSpamIcon)`
 const AccountInfo = ({ user }) => {
   const StatusNode = (
     <Text className="status" noSelect>
-      {firstLetterToUppercase(user.statusType)}
+      {capitalize(user.statusType)}
     </Text>
   );
 

packages/client/src/components/panels/AddUsersPanel/index.js

@@ -2,6 +2,7 @@ import PropTypes from "prop-types";
 import { inject, observer } from "mobx-react";
 import { withTranslation } from "react-i18next";
 import React, { useState, useEffect, useCallback } from "react";
+import { capitalize } from "lodash";
 
 import { Aside } from "@docspace/shared/components/aside";
 import { Backdrop } from "@docspace/shared/components/backdrop";
@@ -9,10 +10,7 @@ import { Selector } from "@docspace/shared/components/selector";
 import { toastr } from "@docspace/shared/components/toast";
 import { Text } from "@docspace/shared/components/text";
 
-import {
-  firstLetterToUppercase,
-  getUserRole,
-} from "@docspace/shared/utils/common";
+import { getUserRole } from "@docspace/shared/utils/common";
 import Filter from "@docspace/shared/api/people/filter";
 import Loaders from "@docspace/common/components/Loaders";
 import { getMembersList } from "@docspace/shared/api/people";
@@ -238,7 +236,7 @@ const AddUsersPanel = ({
             color="#A3A9AE"
             dir="auto"
           >
-            {`${firstLetterToUppercase(userType)} | ${email}`}
+            {`${capitalize(userType)} | ${email}`}
           </Text>
         </div>
       </div>

packages/client/src/components/panels/InvitePanel/sub-components/Item.js

@@ -3,13 +3,11 @@ import AtReactSvgUrl from "PUBLIC_DIR/images/@.react.svg?url";
 import React, { useState, useEffect } from "react";
 import { Avatar } from "@docspace/shared/components/avatar";
 import { Text } from "@docspace/shared/components/text";
+import { capitalize } from "lodash";
 
 import { parseAddresses } from "@docspace/shared/utils";
 import { getAccessOptions } from "../utils";
-import {
-  firstLetterToUppercase,
-  getUserRole,
-} from "@docspace/shared/utils/common";
+import { getUserRole } from "@docspace/shared/utils/common";
 
 import {
   StyledEditInput,
@@ -135,7 +133,7 @@ const Item = ({
           color="#A3A9AE"
           truncate
         >
-          {`${firstLetterToUppercase(role)} | ${email}`}
+          {`${capitalize(role)} | ${email}`}
         </Text>
       </StyledInviteUserBody>
 

packages/client/src/pages/Home/InfoPanel/Body/views/Members/User.js

@@ -9,10 +9,9 @@ import { toastr } from "@docspace/shared/components/toast";
 import { isMobileOnly, isMobile } from "react-device-detect";
 import { decode } from "he";
 import { filterUserRoleOptions } from "SRC_DIR/helpers/utils";
-import {
-  firstLetterToUppercase,
-  getUserRole,
-} from "@docspace/shared/utils/common";
+import { capitalize } from "lodash";
+
+import { getUserRole } from "@docspace/shared/utils/common";
 import { Text } from "@docspace/shared/components/text";
 import EmailPlusReactSvgUrl from "PUBLIC_DIR/images/e-mail+.react.svg?url";
 import { StyledUserTypeHeader } from "../../styles/members";
@@ -198,7 +197,7 @@ const User = ({
         color="#A3A9AE !important"
         dir="auto"
       >
-        {`${firstLetterToUppercase(role)} | ${user.email}`}
+        {`${capitalize(role)} | ${user.email}`}
       </Text>
     </div>
   );
@@ -270,7 +269,7 @@ const User = ({
             color="#A3A9AE"
             dir="auto"
           >
-            {`${firstLetterToUppercase(role)} | ${user.email}`}
+            {`${capitalize(role)} | ${user.email}`}
           </Text>
         </div>
       </div>

packages/shared/utils/common.ts

@@ -47,10 +47,6 @@ export function changeLanguage(i18n: TI18n, currentLng = getCookie(LANGUAGE)) {
     : i18n.changeLanguage("en");
 }
 
-export const firstLetterToUppercase = (str: string) => {
-  return str[0].toUpperCase() + str.slice(1);
-};
-
 export function createPasswordHash(
   password: string,
   hashSettings: { [key: string]: boolean },