feat: change logo when user tries to signup

packages/appstore/src/modules/onboarding/empty-onboarding.tsx

@@ -1,14 +1,24 @@
 import React from 'react';
 import TradigPlatformIconProps from 'Assets/svgs/trading-platform';
+import { observer, useStore } from '@deriv/stores';
+import classNames from 'classnames';
+
+const EmptyOnboarding = observer(() => {
+    const {
+        ui: { is_mobile },
+    } = useStore();
 
-const EmptyOnboarding = () => {
     return (
         <div className='empty-onboarding__wrapper'>
-            <div className='empty-onboarding__header'>
-                <TradigPlatformIconProps icon='DerivTradingLogo' />
+            <div
+                className={classNames('empty-onboarding__header', {
+                    'empty-onboarding__header--mobile': is_mobile,
+                })}
+            >
+                <TradigPlatformIconProps icon='DerivLogo' />
             </div>
         </div>
     );
-};
+});
 
 export default EmptyOnboarding;

packages/appstore/src/modules/onboarding/onboarding.scss

@@ -109,9 +109,12 @@
     &__header {
         width: 100%;
         height: 7.2rem;
-        background-color: $color-black;
         display: flex;
         justify-content: center;
         align-items: center;
+
+        &--mobile {
+            height: auto;
+        }
     }
 }