Function EmptyTableRow

app/src/components/requestLogs/TableRow.tsx:237–283

({ filtersApplied = true }: { filtersApplied?: boolean })

};

export const EmptyTableRow = ({ filtersApplied = true }: { filtersApplied?: boolean }) => {
  const visibleColumns = useAppStore((s) => s.columnVisibility.visibleColumns);
  const generalFilters = useFilters().filters;
  const dateFilters = useDateFilter().filters;
  const allFilters = [...generalFilters, ...dateFilters];
  const { isFetching, isLoading } = useLoggedCalls();

  if (isLoading || isFetching) {
    return null;
  }

  if (allFilters.length && filtersApplied) {
    return (
      <Tr>
        <Td w="full" colSpan={visibleColumns.size + 1}>
          <Text color="gray.500" textAlign="center" w="full" p={4}>
            No matching request logs found. Try removing some filters or view{" "}
            <ProjectLink href={{ pathname: "/request-logs", query: { dateFilter: "[]" } }}>
              <Text as="b" color="blue.600">
                all
              </Text>
            </ProjectLink>{" "}
            records.
          </Text>
        </Td>
      </Tr>
    );
  }

  return (
    <Tr>
      <Td w="full" colSpan={visibleColumns.size + 1}>
        <Text color="gray.500" textAlign="center" w="full" p={4}>
          This project has no request logs. Learn how to add request logs to your project in our{" "}
          <ChakraLink
            href="https://docs.openpipe.ai/getting-started/quick-start"
            target="_blank"
            color="blue.600"
          >
            Quick Start
          </ChakraLink>{" "}
          guide.
        </Text>
      </Td>
    </Tr>
  );
};