✨ feat(text-length): truncate ellipses for username length (#51)

* ✨ feat(text-length): truncate ellipses for username length * ✨ feat(text-length): truncate ellipses for currentUser length --------- Co-authored-by: Ayobami Akingbade <[email protected]>
dashpresshq · Apr 4, 2024 · fba2fd5 · fba2fd5
1 parent 8d7d49f
commit fba2fd5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/frontend/_layouts/app/LayoutImpl/Profile.tsx b/src/frontend/_layouts/app/LayoutImpl/Profile.tsx
@@ -8,6 +8,7 @@ import { Typo } from "frontend/design-system/primitives/Typo";
 import { ILabelValue } from "shared/types/options";
 import { DropDownMenu } from "frontend/design-system/components/DropdownMenu";
 import { SystemIconsKeys } from "shared/constants/Icons";
+import { ellipsis } from "shared/lib/strings";
 import { useConstantNavigationMenuItems } from "./portal";
 
 const ProfileRoot = styled(Stack)`
@@ -49,7 +50,8 @@ export function ProfileOnNavigation({ isFullWidth }: IProps) {
   return (
     <ProfileRoot justify="space-between" align="center">
       <Name weight="bold">
-        Hi, {currentUser.isLoading ? "There" : currentUser.data?.name}
+        Hi,
+        {currentUser.isLoading ? `There` : ellipsis(currentUser.data?.name, 14)}
       </Name>
 
       <DropDownMenu