From 2501cbbf9d7ed5ee03094d36b8c7dd33666c3e96 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Wed, 28 Jun 2023 11:20:15 +0200
Subject: [PATCH] Logs: Fix wrong `before` and `after` texts in log context
 (#70802)

fix log context before/after text
---
 .../logs/components/log-context/LogRowContextModal.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/features/logs/components/log-context/LogRowContextModal.tsx b/public/app/features/logs/components/log-context/LogRowContextModal.tsx
index 9660405aab8..fc45f90d639 100644
--- a/public/app/features/logs/components/log-context/LogRowContextModal.tsx
+++ b/public/app/features/logs/components/log-context/LogRowContextModal.tsx
@@ -289,7 +289,7 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
       )}
       <div className={cx(styles.flexRow, styles.paddingBottom)}>
         <div className={loading ? styles.hidden : ''}>
-          Showing {context.after.length} lines {logsSortOrder === LogsSortOrder.Ascending ? 'after' : 'before'} match.
+          Showing {context.after.length} lines {logsSortOrder === LogsSortOrder.Ascending ? 'before' : 'after'} match.
         </div>
         <div>
           <LogContextButtons
@@ -364,7 +364,7 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
       </div>
       <div>
         <div className={cx(styles.paddingTop, loading ? styles.hidden : '')}>
-          Showing {context.before.length} lines {logsSortOrder === LogsSortOrder.Descending ? 'after' : 'before'} match.
+          Showing {context.before.length} lines {logsSortOrder === LogsSortOrder.Descending ? 'before' : 'after'} match.
         </div>
       </div>