Merge pull request #440 from grafana/matryer-20240611-tweaks

tweaked 'no patterns' text (untested)
grafana · Jun 11, 2024 · 4a71ea9 · 4a71ea9
2 parents 796be69 + 824e1e4
commit 4a71ea9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/Components/GrotError.tsx b/src/Components/GrotError.tsx
@@ -41,7 +41,7 @@ export const GrotError = ({ children }: React.PropsWithChildren<Props>) => {
         />
       </div>
       <div className={styles.text}>
-        <Text textAlignment="center" color="primary" element="p">
+        <Text textAlignment="center" color="primary" element="span">
           {children ? children : 'An error occurred'}
         </Text>
       </div>

diff --git a/src/Components/ServiceScene/Breakdowns/PatternsBreakdownScene.tsx b/src/Components/ServiceScene/Breakdowns/PatternsBreakdownScene.tsx
@@ -77,14 +77,21 @@ export class PatternsBreakdownScene extends SceneObjectBase<PatternsBreakdownSce
           {!loading && patterns?.length === 0 && (
             <GrotError>
               <div>
-                Sorry, we could not detect any patterns.
                 <p>
-                  Check back later or reachout to the{' '}
+                  <strong>
+                    Sorry, we could not detect any patterns.
+                  </strong>
+                </p>
+                <p>
+                  Check back later or reach out to the team in the{' '}
                   <TextLink href="https://slack.grafana.com/" external>
                     Grafana Labs community Slack channel
                   </TextLink>
                 </p>
-                Patterns let you detect similar log lines and add or exclude them from your search.
+                <p>
+                  Patterns let you detect similar log lines to include
+                  or exclude from your search.
+                </p>
               </div>
             </GrotError>
           )}