From b493f62251fc6a97c7c1519f6e2837059e355c84 Mon Sep 17 00:00:00 2001
From: Germain <germains@element.io>
Date: Wed, 7 Jun 2023 13:32:08 +0100
Subject: [PATCH] Use Alert component for not logged in message

---
 frontend/src/pages/Home.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 328c30f5..955efdaf 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -12,6 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import { Alert } from "@vector-im/compound-web";
 import { useAtomValue } from "jotai";
 
 import { currentUserIdAtom } from "../atoms";
@@ -35,7 +36,7 @@ const Home: React.FC = () => {
       </>
     );
   } else {
-    return <div className="font-bold text-alert">You're not logged in.</div>;
+    return <Alert type="critical" title="You're not logged in." />;
   }
 };