Function SurveyEventTable

src/client/components/insights/SurveyEventTable.tsx:39–325

({
  surveyId,
  data,
  hasMore = false,
  isLoading = false,
  onLoadMore,
  className,
})

}

export const SurveyEventTable: React.FC<SurveyEventTableProps> = ({
  surveyId,
  data,
  hasMore = false,
  isLoading = false,
  onLoadMore,
  className,
}) => {
  const { t } = useTranslation();
  const workspaceId = useCurrentWorkspaceId();
  const filters = useInsightsStore((state) =>
    state.currentFilters.filter((f): f is NonNullable<typeof f> => !!f)
  );
  const dateRange = useInsightsStore((state) => state.currentDateRange);
  const [isDownloading, setIsDownloading] = useState(false);
  const [downloadedCount, setDownloadedCount] = useState(0);
  const trpcUtils = trpc.useUtils();
  const [hiddenColumnIds = [], setHiddenColumnIds] = useLocalStorageState<
    string[]
  >(`tianji-survey-table-hidden-columns-${surveyId}`, {
    defaultValue: [],
  });
  const [columnOrder = [], setColumnOrder] = useLocalStorageState<string[]>(
    `tianji-survey-table-column-order-${surveyId}`,
    {
      defaultValue: [],
    }
  );
  const [allowWrap = true, setAllowWrap] = useLocalStorageState<boolean>(
    `tianji-survey-table-allow-wrap-${surveyId}`,
    {
      defaultValue: false,
    }
  );

  const { data: survey } = trpc.survey.get.useQuery(
    { workspaceId, surveyId },
    { enabled: Boolean(surveyId) }
  );

  const surveyFields = useMemo(() => {
    if (!survey?.payload) return [];
    const payload = survey.payload as {
      items: Array<{ label: string; name: string; type: string }>;
    };
    return payload.items || [];
  }, [survey]);

  const allColumns = useMemo<ColumnDef<EventData>[]>(() => {
    const baseColumns: ColumnDef<EventData>[] = [
      {
        id: 'createdAt',
        accessorKey: 'createdAt',
        header: t('Time'),
        size: 180,
        cell: ({ row }) => {
          const eventDate = dayjs(row.original.createdAt);
          return eventDate.isValid()