Recent Activity Navigation (#1037)

* Removed navigation button on recent activity card * fixed linter issue

Author: Twinemukama

src/components/Cards/ActivityCard.tsx

@@ -6,12 +6,10 @@ import {
  getActivityOperationIcon,
  getStatusColor,
 } from "@/utils/helpers";
-import { Box, Button, Card, Group, Stack, Text, Tooltip } from "@mantine/core";
+import { Box, Card, Group, Stack, Text, Tooltip } from "@mantine/core";
 import { ProfileAvatar } from "../Common";
 import { useAuth } from "@/utils/AuthContext";
-import { Link } from "react-router-dom";
 import { UserActivity } from "@/types/activity";
-import { FiCornerDownRight } from "react-icons/fi";
 
 interface ActivityItemProps {
  activity: UserActivity;
@@ -60,65 +58,6 @@ export function ActivityItem({ activity }: ActivityItemProps) {
  <Text size="sm" mt={4}>
  {getActivityDescription(activity.description ?? "")}
  </Text>
-
- <Group gap="xs">
- {activity.a_project_id && (
- <Button
- variant="light"
- size="xs"
- color="blue"
- component={Link}
- to={`/projects/${activity.a_project_id}`}
- >
- <Group gap={4}>
- <FiCornerDownRight />
- View Project
- </Group>
- </Button>
- )}
- {activity.a_db_id && (
- <Button
- variant="light"
- size="xs"
- color="blue"
- component={Link}
- to={`/profile/${activity.a_db_id}`}
- >
- <Group gap={4}>
- <FiCornerDownRight />
- View Database
- </Group>
- </Button>
- )}
- {activity.a_app_id && (
- <Button
- variant="light"
- size="xs"
- color="blue"
- component={Link}
- to={`/projects/${activity.a_project_id}/apps/${activity.a_app_id}`}
- >
- <Group gap={4}>
- <FiCornerDownRight />
- View App
- </Group>
- </Button>
- )}
- {activity.operation === "Follow" && activity.a_user_id && (
- <Button
- variant="light"
- size="xs"
- color="blue"
- component={Link}
- to={`/profile/${activity.a_user_id}`}
- >
- <Group gap={4}>
- <FiCornerDownRight />
- View Profile
- </Group>
- </Button>
- )}
- </Group>
  </Stack>
  </Card>
  );

src/utils/helpers.tsx

@@ -645,7 +645,8 @@ export const getActivityOperationIcon = (activity: UserActivity) => {
 // User activity relative date helper
 export function formatRelativeDate(dateString: string) {
  try {
- return formatDistanceToNowStrict(parseISO(dateString), { addSuffix: true });
+ const normalized = dateString.endsWith("Z") ? dateString : `${dateString}Z`;
+ return formatDistanceToNowStrict(parseISO(normalized), { addSuffix: true });
  } catch {
  return dateString;
  }