From cde8f4ca6a930c2d5f7057be9e200e8f40a405ed Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Thu, 13 Nov 2025 14:49:51 +0000
Subject: [PATCH] logo on loading

---
 .../src/proprietary/routes/login/LoggedInState.tsx     | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/proprietary/routes/login/LoggedInState.tsx b/frontend/src/proprietary/routes/login/LoggedInState.tsx
index e211e82af..f8b8f3a1e 100644
--- a/frontend/src/proprietary/routes/login/LoggedInState.tsx
+++ b/frontend/src/proprietary/routes/login/LoggedInState.tsx
@@ -2,11 +2,13 @@ import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAuth } from '@app/auth/UseSession';
 import { useTranslation } from 'react-i18next';
+import { useLogoPath } from '@app/hooks/useLogoPath';
 
 export default function LoggedInState() {
   const navigate = useNavigate();
   const { user } = useAuth();
   const { t } = useTranslation();
+  const logoPath = useLogoPath();
 
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -34,7 +36,13 @@ export default function LoggedInState() {
         padding: '32px'
       }}>
         <div style={{ textAlign: 'center', marginBottom: '24px' }}>
-          <div style={{ fontSize: '48px', marginBottom: '16px' }}>✅</div>
+          <div style={{ marginBottom: '16px', display: 'flex', justifyContent: 'center' }}>
+            <img
+              src={logoPath}
+              alt="Stirling PDF Logo"
+              style={{ width: '64px', height: '64px', objectFit: 'contain' }}
+            />
+          </div>
           <h1 style={{ fontSize: '24px', fontWeight: 'bold', color: '#059669', marginBottom: '8px' }}>
             {t('login.youAreLoggedIn')}
           </h1>