NETOBSERV-1464: help on 'input size too long' (#461)

Author: jotak

web/locales/en/plugin__netobserv-plugin.json

@@ -150,9 +150,7 @@
   "Build info": "Build info",
   "Configuration limits": "Configuration limits",
   "Metrics": "Metrics",
-  "Loki '/ready' endpoint returned the following error": "Loki '/ready' endpoint returned the following error",
-  "You may consider the following query changes to avoid this error": "You may consider the following query changes to avoid this error",
-  "Check if Loki is running correctly. '/ready' endpoint should respond \"ready\"": "Check if Loki is running correctly. '/ready' endpoint should respond \"ready\"",
+  "You may consider the following changes to avoid this error:": "You may consider the following changes to avoid this error:",
   "Reduce the Query Options -> limit to reduce the number of results": "Reduce the Query Options -> limit to reduce the number of results",
   "Increase Loki \"max_entries_limit_per_query\" entry in configuration file": "Increase Loki \"max_entries_limit_per_query\" entry in configuration file",
   "Add Namespace, Owner or Resource filters (which use indexed fields) to improve the query performance": "Add Namespace, Owner or Resource filters (which use indexed fields) to improve the query performance",
@@ -161,6 +159,11 @@
   "Ensure Loki config contains \"parallelise_shardable_queries: true\" and \"max_outstanding_requests_per_tenant: 2048\"": "Ensure Loki config contains \"parallelise_shardable_queries: true\" and \"max_outstanding_requests_per_tenant: 2048\"",
   "Reduce the time range to decrease the number of results": "Reduce the time range to decrease the number of results",
   "Increase Loki \"max_query_length\" entry in configuration file": "Increase Loki \"max_query_length\" entry in configuration file",
+  "This error is generally seen when cluster admin groups are not properly configured.": "This error is generally seen when cluster admin groups are not properly configured.",
+  "Click the link below for more help.": "Click the link below for more help.",
+  "More information": "More information",
+  "Loki '/ready' endpoint returned the following error": "Loki '/ready' endpoint returned the following error",
+  "Check if Loki is running correctly. '/ready' endpoint should respond \"ready\"": "Check if Loki is running correctly. '/ready' endpoint should respond \"ready\"",
   "Configuring Grafana Loki": "Configuring Grafana Loki",
   "Show metrics": "Show metrics",
   "Show build info": "Show build info",

web/src/components/messages/loki-error.tsx

@@ -118,22 +118,7 @@ export const LokiError: React.FC<Props> = ({ title, error }) => {
           </Text>
           {
             <TextContent className="error-text-content">
-              {!_.isEmpty(ready) && (
-                <>
-                  <Text component={TextVariants.p}>{t(`Loki '/ready' endpoint returned the following error`)}</Text>
-                  <Text className="loki-error-message" component={TextVariants.p}>
-                    {ready}
-                  </Text>
-                </>
-              )}
-              <Text component={TextVariants.p}>
-                {t('You may consider the following query changes to avoid this error')}
-              </Text>
-              {!_.isEmpty(ready) && (
-                <Text component={TextVariants.blockquote}>
-                  {t(`Check if Loki is running correctly. '/ready' endpoint should respond "ready"`)}
-                </Text>
-              )}
+              <Text component={TextVariants.p}>{t('You may consider the following changes to avoid this error:')}</Text>
               {error.includes('max entries limit') && (
                 <>
                   <Text component={TextVariants.blockquote}>
@@ -180,6 +165,44 @@ export const LokiError: React.FC<Props> = ({ title, error }) => {
                   </Text>
                 </>
               )}
+              {error.includes('input size too long') && (
+                <>
+                  <Text component={TextVariants.blockquote}>
+                    {t('This error is generally seen when cluster admin groups are not properly configured.')}{' '}
+                    {t('Click the link below for more help.')}
+                  </Text>
+                  <Button
+                    variant="link"
+                    icon={<ExternalLinkSquareAltIcon />}
+                    iconPosition="right"
+                    component={(props: React.FunctionComponent) => (
+                      <Link
+                        {...props}
+                        target="_blank"
+                        to={{
+                          pathname:
+                            'https://github.com/netobserv/documents/blob/main/loki_operator.md#loki-input-size-too-long-error'
+                        }}
+                      />
+                    )}
+                  >
+                    {t('More information')}
+                  </Button>
+                </>
+              )}
+              {!_.isEmpty(ready) && (
+                <>
+                  <Text component={TextVariants.p}>{t(`Loki '/ready' endpoint returned the following error`)}</Text>
+                  <Text className="loki-error-message" component={TextVariants.p}>
+                    {ready}
+                  </Text>
+                </>
+              )}
+              {!_.isEmpty(ready) && (
+                <Text component={TextVariants.blockquote}>
+                  {t(`Check if Loki is running correctly. '/ready' endpoint should respond "ready"`)}
+                </Text>
+              )}
             </TextContent>
           }
         </EmptyStateBody>