Update activities texts (#5958)

* update texts

* update ui

* update tests

Author: pa-lem

frontend/app/src/entities/events/ui/event-details-popover.tsx

@@ -7,7 +7,7 @@ export function EventDetailsPopover(props: EventType) {
   return (
     <Popover>
       <PopoverTrigger className="flex items-center gap-1 text-xs text-gray-600">
-        View all <InfoIcon className="size-3" />
+        View more <InfoIcon className="size-3" />
       </PopoverTrigger>
 
       <PopoverContent className="w-full">

frontend/app/src/entities/events/ui/global-event.tsx

@@ -48,7 +48,7 @@ export const Event = (props: EventType) => {
         <GlobalEventDisplay {...props} />
       </div>
 
-      <div className="text-xs font-medium text-gray-500 flex items-center gap-1">
+      <div className="text-xs font-medium text-gray-500 flex items-center gap-1 whitespace-nowrap overflow-hidden text-ellipsis">
         {props.branch && (
           <>
             <Icon icon={"mdi:source-branch"} />
@@ -60,7 +60,7 @@ export const Event = (props: EventType) => {
 
       <div className="relative">
         <Link to={`/activities/${props.id}`} className="text-xs text-gray-500">
-          View more
+          View details
         </Link>
 
         {props.has_children && (

frontend/app/src/entities/events/ui/node-events/node-event-title.tsx

@@ -47,27 +47,16 @@ export const NodeEventTitle = ({
         {schemaLabels[payload.data.node_kind] ?? "-"}
       </div>
       {event.includes("deleted") ? (
-        <NodeLabel
-          id={primary_node.id}
-          kind={primary_node?.kind}
-          branch={branch}
-          className="overflow-hidden text-ellipsis whitespace-nowrap"
-        />
+        <NodeLabel id={primary_node.id} kind={primary_node?.kind} branch={branch} />
       ) : (
         <Link
           to={getLink({
             kind: primary_node?.kind,
             id: primary_node.id,
             branch,
           })}
-          className="overflow-hidden text-ellipsis"
         >
-          <NodeLabel
-            id={primary_node.id}
-            kind={primary_node?.kind}
-            branch={branch}
-            className="overflow-hidden text-ellipsis whitespace-nowrap"
-          />
+          <NodeLabel id={primary_node.id} kind={primary_node?.kind} branch={branch} />
         </Link>
       )}
     </div>

frontend/app/tests/e2e/activity-log/global-activity-log.spec.ts

@@ -58,11 +58,11 @@ test.describe("Global Activities - List view and filter usage", () => {
     });
 
     await test.step("View Event details with children", async () => {
-      const viewMoreLink = page.getByRole("link", { name: /View more/i }).first();
+      const viewMoreLink = page.getByRole("link", { name: /View details/i }).first();
       await viewMoreLink.click();
 
-      // Check that at least one "View all" button is present in the details page
-      await expect(page.locator("#root")).toContainText("View all");
+      // Check that at least one "View more" button is present in the details page
+      await expect(page.getByRole("button", { name: "View more" }).first()).toBeVisible();
       await saveScreenshotForDocs(page, "activity_log_global_details_children");
     });
   });

frontend/app/tests/e2e/activity-log/object-activity-log.spec.ts

@@ -22,8 +22,8 @@ test.describe("Object Activities - Timeline and Details", () => {
       await saveScreenshotForDocs(page, "activity_log_device");
     });
 
-    await test.step("Open additional details via the 'View all' button", async () => {
-      const viewMoreButton = page.getByRole("button", { name: "View all" }).first();
+    await test.step("Open additional details via the 'View more' button", async () => {
+      const viewMoreButton = page.getByRole("button", { name: "View more" }).first();
       await expect(viewMoreButton).toBeVisible();
       await viewMoreButton.click();