fix: prevent generation of charts if number of responses exceed limit

frontend/src/features/admin-form/responses/ChartsPage/ChartsPage.tsx

@@ -1,5 +1,6 @@
 import { useLocation } from 'react-router-dom'
 import { Box, Container, Divider, Stack } from '@chakra-ui/react'
+import { useFeatureValue } from '@growthbook/growthbook-react'
 
 import { FormResponseMode } from '~shared/types/form'
 
@@ -21,7 +22,7 @@ export const ChartsPage = (): JSX.Element => {
   const { data: form, isLoading } = useAdminForm()
   const { totalResponsesCount, secretKey } = useStorageResponsesContext()
   const { pathname } = useLocation()
-
+  const chartsMaxResponseCount = useFeatureValue('chartsMaxResponseCount', 100) // limit number of responses to 100 as fallback
   const toast = useToast({ status: 'danger' })
 
   if (isLoading) return <ResponsesPageSkeleton />
@@ -53,7 +54,9 @@ export const ChartsPage = (): JSX.Element => {
     return <></>
   }
 
-  if (totalResponsesCount === 0) {
+  const responseCount = totalResponsesCount || 0
+
+  if (responseCount === 0) {
     return (
       <EmptyChartsContainer
         title="No charts generated yet."
@@ -62,6 +65,15 @@ export const ChartsPage = (): JSX.Element => {
     )
   }
 
+  if (responseCount > chartsMaxResponseCount) {
+    return (
+      <EmptyChartsContainer
+        title="No charts generated"
+        subtitle="The number of form submissions has exceeded the capacity allowed by Charts beta."
+      />
+    )
+  }
+
   return secretKey ? (
     <UnlockedCharts />
   ) : (

frontend/src/features/admin-form/responses/ChartsPage/UnlockedCharts/UnlockedChartsContainer.tsx

@@ -157,11 +157,6 @@ export const UnlockedChartsContainer = () => {
             </Text>
             {prettifiedResponsesCount}
           </Text>
-          <Text textStyle="body-2" color="secondary.400">
-            {filteredDecryptedData.length > 1000
-              ? 'Charts are generated based on the latest 1,000 responses.'
-              : null}
-          </Text>
         </Flex>
         <DateRangePicker
           value={dateRangePickerHelper.dateStringToDatePickerValue(dateRange)}