Merge pull request #119 from adrienne-deriv/callback-page-design

Replaced Lotty with gif
deriv-com · Dec 4, 2024 · 52c157a · 52c157a
2 parents 289de50 + 319a436
commit 52c157a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,7 +26,6 @@
     "dependencies": {
         "@deriv-com/utils": "^0.0.42",
         "js-cookie": "3.0.5",
-        "lottie-react": "^2.4.0",
         "oidc-client-ts": "^3.1.0"
     },
     "devDependencies": {

diff --git a/src/assets/callback_loader.gif b/src/assets/callback_loader.gif
diff --git a/src/components/Callback/Callback.tsx b/src/components/Callback/Callback.tsx
@@ -1,9 +1,8 @@
 import { useCallback, useState, useEffect } from 'react';
 import { LegacyTokens, requestLegacyToken, requestOidcToken, OIDCError, OIDCErrorType } from '../../oidc';
 import DerivLogoIcon from '../../assets/deriv_logo.svg?react';
+import DerivLoaderIcon from '../../assets/callback_loader.gif';
 import Cookies from 'js-cookie';
-import Lottie from 'lottie-react';
-import callbackLoaderAnimation from '../../assets/callback_loader.json';
 
 import './Callback.scss';
 
@@ -129,7 +128,7 @@ export const Callback = ({
             <div className='callback__content'>
                 {!error && (
                     <>
-                        <Lottie animationData={callbackLoaderAnimation} loop width={156} height={156} />
+                        <img src={DerivLoaderIcon} width={234} height={234} />
                         <h3 className='callback__title'>Logging into your account</h3>
                     </>
                 )}