[WEB-2040] fix: text updates (#5221)

* fix: text updates

* fix: page title

* fix: icon color

* fix: Page title changes

web/app/[workspaceSlug]/(projects)/notifications/page.tsx

@@ -33,7 +33,7 @@ const WorkspaceDashboardPage = observer(() => {
   } = useUser();
   const { setPeekIssue } = useIssueDetail();
   // derived values
-  const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Notifications` : undefined;
+  const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Inbox` : undefined;
   const { workspace_slug, project_id, issue_id, is_inbox_issue } =
     notificationLiteByNotificationId(currentSelectedNotificationId);
 

web/app/[workspaceSlug]/(projects)/profile/[userId]/header.tsx

@@ -7,7 +7,7 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import { ChevronDown, PanelRight } from "lucide-react";
 import { IUserProfileProjectSegregation } from "@plane/types";
-import { Breadcrumbs, CustomMenu } from "@plane/ui";
+import { Breadcrumbs, CustomMenu, UserActivityIcon } from "@plane/ui";
 import { BreadcrumbLink } from "@/components/common";
 // components
 import { ProfileIssuesFilter } from "@/components/profile";
@@ -43,14 +43,23 @@ export const UserProfileHeader: FC<TUserProfileHeader> = observer((props) => {
 
   const isCurrentUser = currentUser?.id === userId;
 
-  const breadcrumbLabel = `${isCurrentUser ? "Your" : userName} Activity`;
+  const breadcrumbLabel = `${isCurrentUser ? "Your" : userName} Work`;
 
   return (
     <div className="relative z-10 flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 bg-custom-sidebar-background-100 p-4">
       <div className="flex w-full flex-grow items-center gap-2 overflow-ellipsis whitespace-nowrap">
         <div className="flex w-full justify-between">
           <Breadcrumbs>
-            <Breadcrumbs.BreadcrumbItem type="text" link={<BreadcrumbLink label={breadcrumbLabel} disableTooltip />} />
+            <Breadcrumbs.BreadcrumbItem
+              type="text"
+              link={
+                <BreadcrumbLink
+                  label={breadcrumbLabel}
+                  disableTooltip
+                  icon={<UserActivityIcon className="h-4 w-4 text-custom-text-300" />}
+                />
+              }
+            />
           </Breadcrumbs>
           <div className="hidden md:flex md:items-center">{showProfileIssuesFilter && <ProfileIssuesFilter />}</div>
           <div className="flex gap-4 md:hidden">

web/app/[workspaceSlug]/(projects)/profile/[userId]/page.tsx

@@ -39,7 +39,7 @@ export default function ProfileOverviewPage() {
 
   return (
     <>
-      <PageHead title="Profile - Summary" />
+      <PageHead title="Your work" />
       <div className="h-full w-full space-y-7 overflow-y-auto px-5 py-5 md:px-9 vertical-scrollbar scrollbar-md">
         <ProfileStats userProfile={userProfile} />
         <ProfileWorkload stateDistribution={stateDistribution} />

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/inbox/page.tsx

@@ -36,7 +36,7 @@ const ProjectInboxPage = observer(() => {
     );
 
   // derived values
-  const pageTitle = currentProjectDetails?.name ? `${currentProjectDetails?.name} - Inbox` : "Plane - Inbox";
+  const pageTitle = currentProjectDetails?.name ? `${currentProjectDetails?.name} - Intake` : "Plane - Intake";
 
   const currentNavigationTab = navigationTab
     ? navigationTab === "open"

web/app/[workspaceSlug]/(projects)/workspace-views/[globalViewId]/page.tsx

@@ -9,23 +9,17 @@ import { GlobalViewsHeader } from "@/components/workspace";
 // constants
 import { DEFAULT_GLOBAL_VIEWS_LIST } from "@/constants/workspace";
 // hooks
-import { useGlobalView, useWorkspace } from "@/hooks/store";
+import { useWorkspace } from "@/hooks/store";
 
 const GlobalViewIssuesPage = observer(() => {
   // router
   const { globalViewId } = useParams();
   // store hooks
   const { currentWorkspace } = useWorkspace();
-  const { getViewDetailsById } = useGlobalView();
+
   // derived values
-  const globalViewDetails = globalViewId ? getViewDetailsById(globalViewId.toString()) : undefined;
   const defaultView = DEFAULT_GLOBAL_VIEWS_LIST.find((view) => view.key === globalViewId);
-  const pageTitle =
-    currentWorkspace?.name && defaultView?.label
-      ? `${currentWorkspace?.name} - ${defaultView?.label}`
-      : currentWorkspace?.name && globalViewDetails?.name
-        ? `${currentWorkspace?.name} - ${globalViewDetails?.name}`
-        : undefined;
+  const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - All Views` : undefined;
 
   return (
     <>

web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx

@@ -4,9 +4,10 @@ import { useCallback, useState } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
+import { Layers } from "lucide-react";
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
 // ui
-import { Breadcrumbs, Button, LayersIcon } from "@plane/ui";
+import { Breadcrumbs, Button } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common";
 import { DisplayFiltersSelection, FiltersDropdown, FilterSelection } from "@/components/issues";
@@ -108,9 +109,7 @@ export const GlobalIssuesHeader = observer(() => {
           <Breadcrumbs>
             <Breadcrumbs.BreadcrumbItem
               type="text"
-              link={
-                <BreadcrumbLink label={`All Issues`} icon={<LayersIcon className="h-4 w-4 text-custom-text-300" />} />
-              }
+              link={<BreadcrumbLink label={`Views`} icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
             />
           </Breadcrumbs>
         </div>