remove last

src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx

@@ -6,7 +6,7 @@ import {
   modalToggle
 } from "@redux/projectsTrackerSlice";
 
-import { caseOfNum, urlForLocal } from "@utils/helper";
+import { caseOfNum, removeLast, urlForLocal } from "@utils/helper";
 
 import { apiRequest } from "@api/request";
 
@@ -67,7 +67,7 @@ const ListEmployees = ({
                   }
                   alt="avatar"
                 />
-                <span>{person.user.fio.split(" ").slice(0, -1).join(" ")}</span>
+                <span>{removeLast(person.user.fio)}</span>
                 <img
                   className="delete"
                   src={close}

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -11,10 +11,10 @@ import { getProfileInfo } from "@redux/outstaffingSlice";
 import { setProjectBoardFetch } from "@redux/projectsTrackerSlice";
 
 import {
-  backendImg,
   caseOfNum,
   getCorrectRequestDate,
   getToken,
+  removeLast,
   urlForLocal
 } from "@utils/helper";
 
@@ -759,12 +759,12 @@ export const ModalTiсket = ({
           <div className="workers_box task__info">
             <span className="exit" onClick={() => setActive(false)}></span>
             <h5>Создатель: </h5>
-            <p className="workers__creator">{task.user?.fio}</p>
+            <p className="workers__creator">{removeLast(task.user?.fio)}</p>
             {executor ? (
               <>
                 <h5>Исполнитель: </h5>
                 <div className="executor">
-                  <p>{executor.fio}</p>
+                  <p>{removeLast(executor.fio)}</p>
                   <img
                     src={
                       executor?.avatar
@@ -803,7 +803,7 @@ export const ModalTiсket = ({
                           key={person.user_id}
                           onClick={() => taskExecutor(person)}
                         >
-                          <span>{person.user.fio}</span>
+                          <span>{removeLast(person.user.fio)}</span>
                           <img
                             src={
                               person.user?.avatar
@@ -826,7 +826,7 @@ export const ModalTiсket = ({
                   {members.map((member) => {
                     return (
                       <div className="worker" key={member.user_id}>
-                        <p>{member.fio.split(" ").slice(0, -1).join(" ")}</p>
+                        <p>{removeLast(member.fio)}</p>
                         <img
                           src={
                             member?.avatar
@@ -869,7 +869,7 @@ export const ModalTiсket = ({
                           key={person.user_id}
                           onClick={() => addMember(person)}
                         >
-                          <span>{person.user.fio}</span>
+                          <span>{removeLast(person.user.fio)}</span>
                           <img
                             src={
                               person.user?.avatar

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -23,7 +23,7 @@ import {
 } from "@redux/projectsTrackerSlice";
 
 import { getCorrectDate } from "@utils/calendarHelper";
-import { getCorrectRequestDate, urlForLocal } from "@utils/helper";
+import { getCorrectRequestDate, removeLast, urlForLocal } from "@utils/helper";
 
 import { apiRequest } from "@api/request";
 
@@ -448,7 +448,7 @@ export const TrackerModal = ({
                   >
                     <p>
                       {selectedWorker
-                        ? selectedWorker.employee.fio
+                        ? removeLast(selectedWorker.employee.fio)
                         : "Выберите пользователя"}
                     </p>
                     <img className="arrow" src={arrowDown} alt="arrow" />
@@ -467,7 +467,7 @@ export const TrackerModal = ({
                                   setSelectedWorker(worker);
                                 }}
                               >
-                                <span>{worker.employee.fio}</span>
+                                <span>{removeLast(worker.employee.fio)}</span>
                                 <img
                                   src={urlForLocal(worker.employee.avatar)}
                                   alt="avatar"
@@ -698,7 +698,7 @@ export const TrackerModal = ({
                                 }
                                 alt="avatar"
                               />
-                              <span>{person.user.fio}</span>
+                              <span>{removeLast(person.user.fio)}</span>
                             </div>
                           );
                         })

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -262,7 +262,7 @@
       position: absolute;
       width: 100%;
       padding: 9.5px 12px;
-      top: 48px;
+      top: 45px;
       left: 0;
       background: white;
       border-radius: 5px;

src/components/Navigation/Navigation.jsx

@@ -97,7 +97,7 @@ export const Navigation = () => {
 
         <div className="profile-header__personal-info">
           <h3 className="profile-header__personal-info-name">
-            {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+            {profileInfo?.fio || profileInfo?.username}
           </h3>
           <NavLink end to={"/profile"}>
             <img

src/components/ProfileCalendar/ProfileCalendar.jsx

@@ -95,7 +95,7 @@ export const ProfileCalendar = () => {
               alt="avatar"
             />
             <p className="summary__name">
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
+              {profileInfo?.fio || profileInfo?.username},{" "}
               {profileInfo.specification} разработчик
             </p>
           </div>

src/components/ProfileHeader/ProfileHeader.jsx

@@ -146,7 +146,7 @@ export const ProfileHeader = () => {
         <nav className="auth-body__navigation">
           <div className="profile-header__personal-info">
             <h3 className="profile-header__personal-info-name">
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+              {profileInfo?.fio || profileInfo?.username}
             </h3>
             <NavLink end to={"/profile"}>
               <img

src/pages/Profile/Profile.jsx

@@ -103,12 +103,12 @@ export const Profile = () => {
           {user === "developer" ? (
             <span>
               <p>Добрый день,&nbsp;</p>
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+              {profileInfo?.fio || profileInfo?.username}
             </span>
           ) : (
             <span>
               <p>Добрый день,&nbsp;</p>
-              {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
+              {profileInfo?.fio || profileInfo?.username}
             </span>
           )}
         </h2>
@@ -124,13 +124,11 @@ export const Profile = () => {
             <p className="summary__name">
               {user === "developer" ? (
                 <span>
-                  {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
+                  {profileInfo?.fio || profileInfo?.username},{" "}
                   {profileInfo?.specification} разработчик
                 </span>
               ) : (
-                <span>
+                <span>{profileInfo?.fio || profileInfo?.username}</span>
-                  {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
-                </span>
               )}
             </p>
           </div>

src/pages/ProjectTracker/ProjectTracker.jsx

@@ -967,7 +967,7 @@ export const ProjectTracker = () => {
                                       alt="avatar"
                                     />
                                     <span>
-                                      {task.executor?.fio ||
+                                      {removeLast(task.executor?.fio) ||
                                         "Исполнитель не назначен"}
                                     </span>
                                   </div>

src/pages/Summary/Summary.jsx

@@ -107,7 +107,7 @@ export const Summary = () => {
                 alt="avatar"
               />
               <p className="summary__name">
-                {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username},{" "}
+                {profileInfo?.fio || profileInfo?.username},{" "}
                 {profileInfo.specification} разработчик
               </p>
             </div>

src/utils/helper.js

@@ -92,7 +92,10 @@ export function copyProjectLink(projectId) {
   );
 }
 
-export function removeLast(string) {
+export function removeLast(string = " ") {
-  let lastIndex = string.lastIndexOf(" ");
+  let arr = string.trim().split(" ");
-  return string.substring(0, lastIndex);
+  if (arr.length > 2) {
+    return arr.slice(0, -1).join(" ");
+  }
+  return string;
 }