Fixed typo. Added new localization string.

components/metrics/MetricsTable.js

@@ -87,6 +87,14 @@ export default function MetricsTable({
             </div>
           </div>
           <div className={styles.body}>
+            {data?.length === 0 && (
+              <div className={styles.empty}>
+                <FormattedMessage
+                  id="message.no-data-available"
+                  defaultMessage="No data available."
+                />
+              </div>
+            )}
             {limit
               ? rankings.map(row => getRow(row))
               : data?.length > 0 && (

components/metrics/MetricsTable.module.css

@@ -95,8 +95,7 @@
   overflow: hidden;
 }
 
-.body:empty:before {
-  content: 'No data available';
+.empty {
   color: var(--gray500);
   position: absolute;
   top: 50%;