Limit audit log to 90 days in the UI. (#42276)

Block access beyond 90 days in past from the UI selector with appropriate tooltips. GitOrigin-RevId: d8d8c3ea086fddd041e03bace4b040abb81498ea

Author: nipunn1313

npm-packages/dashboard-common/src/features/history/components/HistoryView.tsx

@@ -42,13 +42,21 @@ function History() {
  const team = useCurrentTeam();
  const { startDate, endDate, setDate } = useDateFilters(router);
  const entitlements = useTeamEntitlements(team?.id);
- const auditLogsEnabled =
-  entitlements && entitlements.auditLogRetentionDays !== 0;
+ const auditLogRetentionDays = entitlements?.auditLogRetentionDays ?? 0;
+ const auditLogsEnabled = auditLogRetentionDays !== 0;
 
  // Current day
  const maxEndDate = endOfToday();
 
- const minStartDate = startOfDay(new Date(2023, 0, 1));
+ const minStartDate = startOfDay(
+ auditLogRetentionDays === -1
+ ? new Date(2023, 0, 1)
+ : Date.now() - auditLogRetentionDays * 24 * 60 * 60 * 1000,
+ );
+ const beforeMinDateTooltip =
+ auditLogRetentionDays === -1
+ ? null
+ : `Deployment history is preserved for ${auditLogRetentionDays} days.`;
 
  const filters: DeploymentAuditLogFilters = {
  minDate: startDate.getTime(),
@@ -69,6 +77,7 @@ function History() {
  maxDate={maxEndDate}
  date={{ from: startDate, to: endDate }}
  setDate={setDate}
+ beforeMinDateTooltip={beforeMinDateTooltip}
  />
  <HistoryList filters={filters} />
  </>

npm-packages/dashboard/src/components/teamSettings/AuditLog.test.tsx

@@ -29,6 +29,9 @@ jest.mock("api/auditLog", () => ({
 
 jest.mock("api/teams", () => ({
  useTeamMembers: () => [],
+ useTeamEntitlements: () => ({
+ auditLogRetentionDays: 90,
+ }),
 }));
 
 describe("AuditLog", () => {

npm-packages/dashboard/src/components/teamSettings/AuditLog.tsx

@@ -4,7 +4,7 @@ import { LoadingTransition } from "@ui/Loading";
 import { useDateFilters } from "@common/elements/DateRangePicker";
 import { useTeamAuditLog } from "api/auditLog";
 import { useProjects } from "api/projects";
-import { useTeamMembers } from "api/teams";
+import { useTeamEntitlements, useTeamMembers } from "api/teams";
 import { AuditLogAction, Team } from "generatedApi";
 import { useRouter } from "next/router";
 import { AuditLogContent } from "./AuditLogContent";
@@ -13,6 +13,8 @@ import { AuditLogToolbar } from "./AuditLogToolbar";
 export function AuditLog({ team }: { team: Team }) {
  const projects = useProjects(team.id);
  const members = useTeamMembers(team.id);
+ const auditLogRetentionDays =
+ useTeamEntitlements(team?.id)?.auditLogRetentionDays ?? 0;
 
  const router = useRouter();
 
@@ -73,6 +75,7 @@ export function AuditLog({ team }: { team: Team }) {
  selectedEndDay={endDate}
  setDate={setDate}
  members={members}
+ auditLogRetentionDays={auditLogRetentionDays}
  />
  )}
  <LoadingTransition>

npm-packages/dashboard/src/components/teamSettings/AuditLogToolbar.tsx

@@ -63,6 +63,7 @@ export function AuditLogToolbar({
  selectedEndDay,
  members,
  setDate,
+ auditLogRetentionDays,
 }: {
  selectedMember: string;
  setSelectedMember: (member: string) => void;
@@ -72,8 +73,17 @@ export function AuditLogToolbar({
  selectedEndDay: Date;
  members: MemberResponse[];
  setDate: (date: DateRange) => void;
+ auditLogRetentionDays: number;
 }) {
- const minStartDate = startOfDay(new Date("2024-06-05"));
+ const minStartDate = startOfDay(
+ auditLogRetentionDays === -1
+ ? new Date(2024, 6, 5)
+ : Date.now() - auditLogRetentionDays * 24 * 60 * 60 * 1000,
+ );
+ const beforeMinDateTooltip =
+ auditLogRetentionDays === -1
+ ? null
+ : `Deployment history is preserved for ${auditLogRetentionDays} days.`;
  const maxEndDate = endOfToday();
 
  const startDate =
@@ -86,6 +96,7 @@ export function AuditLogToolbar({
  maxDate={maxEndDate}
  date={{ from: startDate, to: selectedEndDay }}
  setDate={setDate}
+ beforeMinDateTooltip={beforeMinDateTooltip}
  />
  <Combobox
  options={[