refactor: remove useInsightsParameters() (calcom#25020)

* refactor: remove useInsightsParameters (no longer needed)

* remove log

Author: eunjae-lee

packages/features/insights/components/routing/RoutingFormResponsesTable.tsx

@@ -14,6 +14,8 @@ import {
   DataTableSegment,
   ColumnFilterType,
   convertMapToFacetedValues,
+  useFilterValue,
+  ZSingleSelectFilterValue,
   type FilterableColumn,
 } from "@calcom/features/data-table";
 import { useInsightsRoutingParameters } from "@calcom/features/insights/hooks/useInsightsRoutingParameters";
@@ -22,7 +24,7 @@ import { trpc } from "@calcom/trpc";
 import { RoutingFormResponsesDownload } from "../../filters/Download";
 import { OrgTeamsFilter } from "../../filters/OrgTeamsFilter";
 import { useInsightsColumns } from "../../hooks/useInsightsColumns";
-import { useInsightsParameters } from "../../hooks/useInsightsParameters";
+import { useInsightsOrgTeams } from "../../hooks/useInsightsOrgTeams";
 import { useInsightsRoutingFacetedUniqueValues } from "../../hooks/useInsightsRoutingFacetedUniqueValues";
 import type { RoutingFormTableRow } from "../../lib/types";
 import { RoutingKPICards } from "./RoutingKPICards";
@@ -38,7 +40,8 @@ const createdAtColumn: Extract<FilterableColumn, { type: ColumnFilterType.DATE_R
 };
 
 export function RoutingFormResponsesTable() {
-  const { isAll, teamId, userId, routingFormId } = useInsightsParameters();
+  const { isAll, teamId, userId } = useInsightsOrgTeams();
+  const routingFormId = useFilterValue("formId", ZSingleSelectFilterValue)?.data as string | undefined;
 
   const { t } = useLocale();
 
@@ -150,7 +153,7 @@ export function RoutingFormResponsesTable() {
       {ctaContainerRef.current &&
         createPortal(
           <>
-            <DateRangeFilter column={createdAtColumn} />
+            <DateRangeFilter column={createdAtColumn} options={{ convertToTimeZone: true }} />
             <RoutingFormResponsesDownload sorting={sorting} />
           </>,
           ctaContainerRef.current

packages/features/insights/hooks/useInsightsParameters.ts

@@ -2,7 +2,6 @@ import { useMemo } from "react";
 
 import dayjs from "@calcom/dayjs";
 import { useFilterValue, useColumnFilters, ZDateRangeFilterValue } from "@calcom/features/data-table";
-import { useChangeTimeZoneWithPreservedLocalTime } from "@calcom/features/data-table/hooks/useChangeTimeZoneWithPreservedLocalTime";
 import { getDefaultStartDate, getDefaultEndDate } from "@calcom/features/data-table/lib/dateRange";
 
 import { useInsightsOrgTeams } from "./useInsightsOrgTeams";
@@ -11,23 +10,18 @@ export function useInsightsRoutingParameters() {
   const { scope, selectedTeamId } = useInsightsOrgTeams();
 
   const createdAtRange = useFilterValue("createdAt", ZDateRangeFilterValue)?.data;
-  // TODO for future: this preserving local time & startOf & endOf should be handled
-  // from DateRangeFilter out of the box.
-  // When we do it, we also need to remove those timezone handling logic from the backend side at the same time.
-  const startDate = useChangeTimeZoneWithPreservedLocalTime(
-    useMemo(() => {
-      return dayjs(createdAtRange?.startDate ?? getDefaultStartDate().toISOString())
-        .startOf("day")
-        .toISOString();
-    }, [createdAtRange?.startDate])
-  );
-  const endDate = useChangeTimeZoneWithPreservedLocalTime(
-    useMemo(() => {
-      return dayjs(createdAtRange?.endDate ?? getDefaultEndDate().toISOString())
-        .endOf("day")
-        .toISOString();
-    }, [createdAtRange?.endDate])
-  );
+
+  const startDate = useMemo(() => {
+    return dayjs(createdAtRange?.startDate ?? getDefaultStartDate().toISOString())
+      .startOf("day")
+      .toISOString();
+  }, [createdAtRange?.startDate]);
+
+  const endDate = useMemo(() => {
+    return dayjs(createdAtRange?.endDate ?? getDefaultEndDate().toISOString())
+      .endOf("day")
+      .toISOString();
+  }, [createdAtRange?.endDate]);
 
   const columnFilters = useColumnFilters({
     exclude: ["createdAt"],