From 1dc99499ebb18addbc60e2b714e5a3b4d35f5664 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Tue, 17 Mar 2026 18:04:12 +0100
Subject: [PATCH] nicolium: consistency
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/components/loading-screen.tsx         | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/packages/nicolium/src/components/loading-screen.tsx b/packages/nicolium/src/components/loading-screen.tsx
index 54ab41e64..a8c91ef6e 100644
--- a/packages/nicolium/src/components/loading-screen.tsx
+++ b/packages/nicolium/src/components/loading-screen.tsx
@@ -1,14 +1,26 @@
 import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  loading: { id: 'loading_indicator.label', defaultMessage: 'Loading…' },
+});
 
 /** Fullscreen loading indicator. */
-const LoadingScreen: React.FC = () => (
-  <div className='loading-indicator-wrapper' role='status'>
-    <div className='loading-indicator'>
-      <div className='loading-indicator__container'>
-        <div className='loading-indicator__figure' />
+const LoadingScreen: React.FC = () => {
+  const intl = useIntl();
+  return (
+    <div
+      className='loading-indicator-wrapper'
+      role='status'
+      aria-label={intl.formatMessage(messages.loading)}
+    >
+      <div className='loading-indicator'>
+        <div className='loading-indicator__container'>
+          <div className='loading-indicator__figure' />
+        </div>
       </div>
     </div>
-  </div>
-);
+  );
+};
 
 export { LoadingScreen as default };